From 50297b874c3fb81e9ca4bc7252506c8db39cf386 Mon Sep 17 00:00:00 2001 From: Vijay Janapa Reddi Date: Mon, 4 Aug 2025 13:37:32 -0400 Subject: [PATCH] feat(design): update quiz question color to darker purple for better visual distinction --- .../ute/custom-numbered-blocks/style/foldbox.css | 10 +++++----- book/config/_quarto-pdf.yml | 16 ++++++++-------- 2 files changed, 13 insertions(+), 13 deletions(-) diff --git a/book/_extensions/ute/custom-numbered-blocks/style/foldbox.css b/book/_extensions/ute/custom-numbered-blocks/style/foldbox.css index f52770d52..353870477 100644 --- a/book/_extensions/ute/custom-numbered-blocks/style/foldbox.css +++ b/book/_extensions/ute/custom-numbered-blocks/style/foldbox.css @@ -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 { diff --git a/book/config/_quarto-pdf.yml b/book/config/_quarto-pdf.yml index 843fde090..225e871e0 100644 --- a/book/config/_quarto-pdf.yml +++ b/book/config/_quarto-pdf.yml @@ -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: