draw diagrams in color that works on both light- and dark-mode

soc · Aug 1, 2023 · 5fe6497 · 5fe6497
1 parent 9d56056
commit 5fe6497
Showing 1 changed file with 9 additions and 0 deletions.
diff --git a/_sass/base/_base.scss b/_sass/base/_base.scss
@@ -12,6 +12,7 @@
   --link-underline-color: #ADB5BD;
   --link-underline-color-hover: #868E96;
   --table-color-alternate: #EEEEEE;
+  --diagram-color: #000000;
 }
 
 /* dark mode */
@@ -30,6 +31,7 @@
     --link-underline-color: #BBBBBB;
     --link-underline-color-hover: #DDDDDD;
     --table-color-alternate: #444444;
+    --diagram-color: #FFFFFF;
     ::selection {
       color: #FFFFFF;
       background-color: #212529;
@@ -87,6 +89,13 @@ figcaption {
   font-size: $small;
 }
 
+// Diagrams
+// -------------------------
+center.md > svg.diagram {
+  stroke: var(--diagram-color);
+  fill: var(--diagram-color);;
+}
+
 // Links
 // -------------------------