github-starred/cs249r_book
2
0
Fork 0
mirror of https://github.com/harvard-edge/cs249r_book.git synced 2026-03-11 17:49:25 -05:00
Code Issues Packages Projects Releases Wiki Activity

feat(design): update quiz question color to darker purple for better visual distinction

Browse Source
This commit is contained in:
Vijay Janapa Reddi
2025-08-04 13:37:32 -04:00
parent bff155e065
commit 50297b874c
2 changed files with 13 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
book/_extensions/ute/custom-numbered-blocks/style/foldbox.css
View File

@@ -140,9 +140,9 @@ details.fbx-question > summary::before {
/* Subtle, distinct colors for educational callouts - Harvard Crimson Theme */
details.callout-quiz-question {
--border-color: #5C6FB2; /* Blue-purple - for quiz questions */
--background-color: rgba(92, 111, 178, 0.04); /* Reduced opacity for subtlety */
--title-background-color: rgba(92, 111, 178, 0.04);
--border-color: #5B4B8A; /* Darker purple - for quiz questions */
--background-color: rgba(91, 75, 138, 0.04); /* Reduced opacity for subtlety */
--title-background-color: rgba(91, 75, 138, 0.04);
}
details.callout-quiz-answer {
@@ -230,8 +230,8 @@ details.fbx-question > div {
/* Dark mode color overrides for Harvard crimson theme */
details.callout-quiz-question {
--background-color: rgba(92, 111, 178, 0.12); /* Blue-purple tint */
--title-background-color: rgba(92, 111, 178, 0.12);
--background-color: rgba(91, 75, 138, 0.12); /* Darker purple tint */
--title-background-color: rgba(91, 75, 138, 0.12);
}
details.callout-quiz-answer {

16
book/config/_quarto-pdf.yml
View File

@@ -443,35 +443,35 @@ format:
custom-numbered-blocks:
groups:
quiz-question:
colors: ["E6F4F7", "119EC7"] # Updated to match refined teal palette
colors: ["F0F0F8", "5B4B8A"] # Darker purple for quiz questions
collapse: false
quiz-answer:
colors: ["E8F2EA", "4a7c59"] # Updated to muted forest green
colors: ["E8F2EA", "4a7c59"] # Forest green for quiz answers
collapse: true
resource-slides:
colors: ["F7F1E4", "b8860b"] # Updated to muted golden amber
colors: ["E0F2F1", "20B2AA"] # Teal for resources
collapse: false
numbered: false
resource-videos:
colors: ["F7F1E4", "b8860b"] # Updated to muted golden amber
colors: ["E0F2F1", "20B2AA"] # Teal for resources
collapse: false
numbered: false
resource-exercises:
colors: ["F7F1E4", "b8860b"] # Updated to muted golden amber
colors: ["E0F2F1", "20B2AA"] # Teal for resources
collapse: false
numbered: false
chapter-connection:
colors: ["F8E8EA", "A51C30"] # Updated to refined crimson palette
colors: ["FDF2F7", "A51C30"] # Harvard crimson for chapter connections
boxstyle: foldbox.simple
collapse: true
numbered: false
chapter-forward:
colors: ["F8E8EA", "A51C30"] # Updated to refined crimson palette
colors: ["FDF2F7", "A51C30"] # Harvard crimson for chapter connections
boxstyle: foldbox.simple
collapse: true
numbered: false
chapter-recall:
colors: ["F7F1E4", "b8860b"] # Updated to muted golden amber
colors: ["FFF4E6", "C06014"] # Warm orange for chapter recall
collapse: false
numbered: false
classes: