github-starred/cs249r_book
2
0
Fork 0
mirror of https://github.com/harvard-edge/cs249r_book.git synced 2026-04-30 17:48:27 -05:00
Code Issues 77 Packages Projects Releases 24 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 */ /* Subtle, distinct colors for educational callouts - Harvard Crimson Theme */
details.callout-quiz-question { details.callout-quiz-question {
--border-color: #5C6FB2; /* Blue-purple - for quiz questions */ --border-color: #5B4B8A; /* Darker purple - for quiz questions */
--background-color: rgba(92, 111, 178, 0.04); /* Reduced opacity for subtlety */ --background-color: rgba(91, 75, 138, 0.04); /* Reduced opacity for subtlety */
--title-background-color: rgba(92, 111, 178, 0.04); --title-background-color: rgba(91, 75, 138, 0.04);
} }
details.callout-quiz-answer { details.callout-quiz-answer {
@@ -230,8 +230,8 @@ details.fbx-question > div {
/* Dark mode color overrides for Harvard crimson theme */ /* Dark mode color overrides for Harvard crimson theme */
details.callout-quiz-question { details.callout-quiz-question {
--background-color: rgba(92, 111, 178, 0.12); /* Blue-purple tint */ --background-color: rgba(91, 75, 138, 0.12); /* Darker purple tint */
--title-background-color: rgba(92, 111, 178, 0.12); --title-background-color: rgba(91, 75, 138, 0.12);
} }
details.callout-quiz-answer { details.callout-quiz-answer {

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

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