fix(styles): add white background to TikZ diagrams in dark mode

Apply the workaround suggested by @eimlav to make TikZ diagrams visible in dark mode by adding a white background to all figure images. Since all diagrams are TikZ-based (converted to SVG with output-format: svg), they were designed with a white background assumption. This adds: - White background to preserve diagram readability - 1rem padding for spacing - Rounded corners (8px) for polish - Subtle shadow for depth on dark backgrounds This is a temporary workaround until diagrams can be regenerated with proper transparent backgrounds or dark-mode-aware colors. The approach keeps diagrams readable without requiring regeneration of all TikZ content. Thanks to @eimlav for the suggestion and identifying the issue.
2026-05-08 09:57:21 -05:00 · 2025-10-27 10:28:57 -04:00
parent 03c7c4f7d9
commit dc2a810e4f
59 changed files with 9 additions and 58 deletions
--- a/quarto/._index_xref.json
+++ b/quarto/._index_xref.json
@@ -1 +0,0 @@
-[]
--- a/quarto/assets/styles/dark-mode.scss
+++ b/quarto/assets/styles/dark-mode.scss
@@ -290,6 +290,15 @@ figure figcaption,
  background-color: transparent !important;
 }

+// TikZ diagrams - add white background for visibility in dark mode
+figure img,
+.quarto-figure img {
+  background-color: white !important;
+  padding: 1rem !important;
+  border-radius: 8px !important;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
+}
+
 // Footnotes and margin notes - critical fix
 .sidenote,
 .marginnote,
--- a/quarto/contents/backmatter/._references_xref.json
+++ b/quarto/contents/backmatter/._references_xref.json
@@ -1 +0,0 @@
-[]
--- a/quarto/contents/backmatter/resources/._phd_survival_guide_xref.json
+++ b/quarto/contents/backmatter/resources/._phd_survival_guide_xref.json
@@ -1 +0,0 @@
-[]
--- a/quarto/contents/core/ai_for_good/._ai_for_good_xref.json
+++ b/quarto/contents/core/ai_for_good/._ai_for_good_xref.json
--- a/quarto/contents/core/benchmarking/._benchmarking_xref.json
+++ b/quarto/contents/core/benchmarking/._benchmarking_xref.json
--- a/quarto/contents/core/conclusion/._conclusion_xref.json
+++ b/quarto/contents/core/conclusion/._conclusion_xref.json
@@ -1 +0,0 @@
-[{"autoid":"callout-quiz-question-id-quiz-question-sec-conclusion-overview-9b37","cls":"callout-quiz-question","file":"conclusion","id":"quiz-question-sec-conclusion-overview-9b37","label":"Self-Check: Question","neu":true,"reflabel":"Self-Check: Question","refnum":"1.1","reftag":"1.1","title":""},{"autoid":"callout-quiz-answer-id-quiz-answer-sec-conclusion-overview-9b37","cls":"callout-quiz-answer","file":"conclusion","id":"quiz-answer-sec-conclusion-overview-9b37","label":"Self-Check: Answer","neu":true,"reflabel":"Self-Check: Answer","refnum":"1.1","reftag":"1.1","title":""}]
--- a/quarto/contents/core/data_engineering/._data_engineering_xref.json
+++ b/quarto/contents/core/data_engineering/._data_engineering_xref.json
--- a/quarto/contents/core/dl_primer/._dl_primer_xref.json
+++ b/quarto/contents/core/dl_primer/._dl_primer_xref.json
--- a/quarto/contents/core/dnn_architectures/._dnn_architectures_xref.json
+++ b/quarto/contents/core/dnn_architectures/._dnn_architectures_xref.json
--- a/quarto/contents/core/efficient_ai/._efficient_ai_xref.json
+++ b/quarto/contents/core/efficient_ai/._efficient_ai_xref.json
--- a/quarto/contents/core/frameworks/._frameworks_xref.json
+++ b/quarto/contents/core/frameworks/._frameworks_xref.json
--- a/quarto/contents/core/hw_acceleration/._hw_acceleration_xref.json
+++ b/quarto/contents/core/hw_acceleration/._hw_acceleration_xref.json
--- a/quarto/contents/core/ondevice_learning/._ondevice_learning_xref.json
+++ b/quarto/contents/core/ondevice_learning/._ondevice_learning_xref.json
--- a/quarto/contents/core/ops/._ops_xref.json
+++ b/quarto/contents/core/ops/._ops_xref.json
--- a/quarto/contents/core/optimizations/._optimizations_xref.json
+++ b/quarto/contents/core/optimizations/._optimizations_xref.json
--- a/quarto/contents/core/privacy_security/._privacy_security_xref.json
+++ b/quarto/contents/core/privacy_security/._privacy_security_xref.json
--- a/quarto/contents/core/responsible_ai/._responsible_ai_xref.json
+++ b/quarto/contents/core/responsible_ai/._responsible_ai_xref.json
--- a/quarto/contents/core/sustainable_ai/._sustainable_ai_xref.json
+++ b/quarto/contents/core/sustainable_ai/._sustainable_ai_xref.json
--- a/quarto/contents/core/training/._training_xref.json
+++ b/quarto/contents/core/training/._training_xref.json
--- a/quarto/contents/core/workflow/._workflow_xref.json
+++ b/quarto/contents/core/workflow/._workflow_xref.json
--- a/quarto/contents/frontmatter/._foreword_xref.json
+++ b/quarto/contents/frontmatter/._foreword_xref.json
@@ -1 +0,0 @@
-[]
--- a/quarto/contents/frontmatter/._index_xref.json
+++ b/quarto/contents/frontmatter/._index_xref.json
@@ -1 +0,0 @@
-[]
--- a/quarto/contents/frontmatter/about/._about_xref.json
+++ b/quarto/contents/frontmatter/about/._about_xref.json
@@ -1 +0,0 @@
-[]
--- a/quarto/contents/frontmatter/acknowledgements/._acknowledgements_xref.json
+++ b/quarto/contents/frontmatter/acknowledgements/._acknowledgements_xref.json
@@ -1 +0,0 @@
-[]
--- a/quarto/contents/frontmatter/changelog/._changelog_xref.json
+++ b/quarto/contents/frontmatter/changelog/._changelog_xref.json
@@ -1 +0,0 @@
-[]
--- a/quarto/contents/frontmatter/socratiq/._socratiq_xref.json
+++ b/quarto/contents/frontmatter/socratiq/._socratiq_xref.json
@@ -1 +0,0 @@
-[]
--- a/quarto/contents/labs/._ide_setup_xref.json
+++ b/quarto/contents/labs/._ide_setup_xref.json
@@ -1 +0,0 @@
-[]
--- a/quarto/contents/labs/._kits_xref.json
+++ b/quarto/contents/labs/._kits_xref.json
@@ -1 +0,0 @@
-[]
--- a/quarto/contents/labs/._labs_xref.json
+++ b/quarto/contents/labs/._labs_xref.json
@@ -1 +0,0 @@
-[]
--- a/quarto/contents/labs/arduino/nicla_vision/._nicla_vision_xref.json
+++ b/quarto/contents/labs/arduino/nicla_vision/._nicla_vision_xref.json
@@ -1 +0,0 @@
-[]
--- a/quarto/contents/labs/arduino/nicla_vision/image_classification/._image_classification_xref.json
+++ b/quarto/contents/labs/arduino/nicla_vision/image_classification/._image_classification_xref.json
@@ -1 +0,0 @@
-[]
--- a/quarto/contents/labs/arduino/nicla_vision/kws/._kws_xref.json
+++ b/quarto/contents/labs/arduino/nicla_vision/kws/._kws_xref.json
@@ -1 +0,0 @@
-[]
--- a/quarto/contents/labs/arduino/nicla_vision/motion_classification/._motion_classification_xref.json
+++ b/quarto/contents/labs/arduino/nicla_vision/motion_classification/._motion_classification_xref.json
@@ -1 +0,0 @@
-[]
--- a/quarto/contents/labs/arduino/nicla_vision/object_detection/._object_detection_xref.json
+++ b/quarto/contents/labs/arduino/nicla_vision/object_detection/._object_detection_xref.json
@@ -1 +0,0 @@
-[]
--- a/quarto/contents/labs/arduino/nicla_vision/setup/._setup_xref.json
+++ b/quarto/contents/labs/arduino/nicla_vision/setup/._setup_xref.json
@@ -1 +0,0 @@
-[]
--- a/quarto/contents/labs/raspi/._raspi_xref.json
+++ b/quarto/contents/labs/raspi/._raspi_xref.json
@@ -1 +0,0 @@
-[]
--- a/quarto/contents/labs/raspi/image_classification/._image_classification_xref.json
+++ b/quarto/contents/labs/raspi/image_classification/._image_classification_xref.json
@@ -1 +0,0 @@
-[]
--- a/quarto/contents/labs/raspi/llm/._llm_xref.json
+++ b/quarto/contents/labs/raspi/llm/._llm_xref.json
@@ -1 +0,0 @@
-[]
--- a/quarto/contents/labs/raspi/object_detection/._object_detection_xref.json
+++ b/quarto/contents/labs/raspi/object_detection/._object_detection_xref.json
@@ -1 +0,0 @@
-[]
--- a/quarto/contents/labs/raspi/setup/._setup_xref.json
+++ b/quarto/contents/labs/raspi/setup/._setup_xref.json
@@ -1 +0,0 @@
-[]
--- a/quarto/contents/labs/raspi/vlm/._vlm_xref.json
+++ b/quarto/contents/labs/raspi/vlm/._vlm_xref.json
@@ -1 +0,0 @@
-[]
--- a/quarto/contents/labs/seeed/grove_vision_ai_v2/._grove_vision_ai_v2_xref.json
+++ b/quarto/contents/labs/seeed/grove_vision_ai_v2/._grove_vision_ai_v2_xref.json
@@ -1 +0,0 @@
-[]
--- a/quarto/contents/labs/seeed/grove_vision_ai_v2/image_classification/._image_classification_xref.json
+++ b/quarto/contents/labs/seeed/grove_vision_ai_v2/image_classification/._image_classification_xref.json
@@ -1 +0,0 @@
-[]
--- a/quarto/contents/labs/seeed/grove_vision_ai_v2/object_detection/._object_detection_xref.json
+++ b/quarto/contents/labs/seeed/grove_vision_ai_v2/object_detection/._object_detection_xref.json
@@ -1 +0,0 @@
-[]
--- a/quarto/contents/labs/seeed/grove_vision_ai_v2/setup_and_no_code_apps/._setup_and_no_code_apps_xref.json
+++ b/quarto/contents/labs/seeed/grove_vision_ai_v2/setup_and_no_code_apps/._setup_and_no_code_apps_xref.json
@@ -1 +0,0 @@
-[]
--- a/quarto/contents/labs/seeed/xiao_esp32s3/._xiao_esp32s3_xref.json
+++ b/quarto/contents/labs/seeed/xiao_esp32s3/._xiao_esp32s3_xref.json
@@ -1 +0,0 @@
-[]
--- a/quarto/contents/labs/seeed/xiao_esp32s3/image_classification/._image_classification_xref.json
+++ b/quarto/contents/labs/seeed/xiao_esp32s3/image_classification/._image_classification_xref.json
@@ -1 +0,0 @@
-[]
--- a/quarto/contents/labs/seeed/xiao_esp32s3/kws/._kws_xref.json
+++ b/quarto/contents/labs/seeed/xiao_esp32s3/kws/._kws_xref.json
@@ -1 +0,0 @@
-[]
--- a/quarto/contents/labs/seeed/xiao_esp32s3/motion_classification/._motion_classification_xref.json
+++ b/quarto/contents/labs/seeed/xiao_esp32s3/motion_classification/._motion_classification_xref.json
@@ -1 +0,0 @@
-[]
--- a/quarto/contents/labs/seeed/xiao_esp32s3/object_detection/._object_detection_xref.json
+++ b/quarto/contents/labs/seeed/xiao_esp32s3/object_detection/._object_detection_xref.json
@@ -1 +0,0 @@
-[]
--- a/quarto/contents/labs/seeed/xiao_esp32s3/setup/._setup_xref.json
+++ b/quarto/contents/labs/seeed/xiao_esp32s3/setup/._setup_xref.json
@@ -1 +0,0 @@
-[]
--- a/quarto/contents/labs/shared/._shared_xref.json
+++ b/quarto/contents/labs/shared/._shared_xref.json
@@ -1 +0,0 @@
-[]
--- a/quarto/contents/labs/shared/dsp_spectral_features_block/._dsp_spectral_features_block_xref.json
+++ b/quarto/contents/labs/shared/dsp_spectral_features_block/._dsp_spectral_features_block_xref.json
@@ -1 +0,0 @@
-[]
--- a/quarto/contents/labs/shared/kws_feature_eng/._kws_feature_eng_xref.json
+++ b/quarto/contents/labs/shared/kws_feature_eng/._kws_feature_eng_xref.json
@@ -1 +0,0 @@
-[]
--- a/quarto/contents/parts/._best_practices_xref.json
+++ b/quarto/contents/parts/._best_practices_xref.json
@@ -1 +0,0 @@
-[]
--- a/quarto/contents/parts/._design_principles_xref.json
+++ b/quarto/contents/parts/._design_principles_xref.json
@@ -1 +0,0 @@
-[]
--- a/quarto/contents/parts/._foundations_xref.json
+++ b/quarto/contents/parts/._foundations_xref.json
@@ -1 +0,0 @@
-[]
--- a/quarto/contents/parts/._impact_outlook_xref.json
+++ b/quarto/contents/parts/._impact_outlook_xref.json
@@ -1 +0,0 @@
-[]
				`@@ -1 +0,0 @@`
				[{"autoid":"callout-quiz-question-id-quiz-question-sec-conclusion-overview-9b37","cls":"callout-quiz-question","file":"conclusion","id":"quiz-question-sec-conclusion-overview-9b37","label":"Self-Check: Question","neu":true,"reflabel":"Self-Check: Question","refnum":"1.1","reftag":"1.1","title":""},{"autoid":"callout-quiz-answer-id-quiz-answer-sec-conclusion-overview-9b37","cls":"callout-quiz-answer","file":"conclusion","id":"quiz-answer-sec-conclusion-overview-9b37","label":"Self-Check: Answer","neu":true,"reflabel":"Self-Check: Answer","refnum":"1.1","reftag":"1.1","title":""}]