diff --git a/src/css/y.css b/src/css/y.css
index 15f24d1..1c2da27 100644
--- a/src/css/y.css
+++ b/src/css/y.css
@@ -93,6 +93,8 @@ figcaption { text-align: right; font-style: italic; font-size: 0.875em; }
     --fg: #4c566a; /* var(--b02); */
     --rfg: var(--b03);
     --hl: var(--rfg);
+    --lgbg: var(--fg);
+    --lgbd: var(--rfg);
 }
 
 img { filter: brightness(0.8) sepia(100%) hue-rotate(185deg) saturate(0.5); }
@@ -117,6 +119,8 @@ img:hover { filter: none; }
         --fg0: var(--b00);
         --rfg: var(--b1);
         --hl: var(--b1);
+        --lgbg: hsl(218,20%,10%);
+        --lgbd: var(--b03);
     }
     img { filter: brightness(0.6) sepia(100%) hue-rotate(185deg) saturate(0.5); }
     img:hover { filter:  brightness(0.7); }
@@ -153,8 +157,8 @@ table th { background: var(--rbg); }
 #toc ul { padding-left: 2em; }
 /* ---- SYNTAX HIGHLIGHTING ---- */
 #table-of-contents { text-align: left; }
-#logo { background: var(--fg);
-        border-bottom: solid 5px var(--rfg); }
+#logo { background: var(--lgbg);
+        border-bottom: solid 5px var(--lgbd); }
 .ex { color:var(--v); }
 .op, .fu, .ot {color:var(--b);}
 .bu { color:var(--m); }