Fix light mobile styling

Fix mobile background
2025-09-18 23:15:21 +00:00 · 2025-09-06 11:04:29 +02:00 · 2025-09-06 10:49:01 +02:00
1 changed files with 13 additions and 0 deletions
--- a/quartz/styles/custom.scss
+++ b/quartz/styles/custom.scss
@@ -414,6 +414,19 @@ table {
    }
 }

+// Softer dark background for mobile
+@media all and ($mobile)
+{
+    :root[saved-theme="dark"] .page > #quartz-body .sidebar.left:has(.explorer)
+    {
+        background-color: color-mix(in srgb, var(--lightgray)60%, var(--light));
+    }
+
+    :root[saved-theme="dark"] .explorer:not(.collapsed)>.explorer-content {
+        background-color: color-mix(in srgb, var(--lightgray)60%, var(--light));
+    }
+}
+
 .page {

    @media all and ($mobile) {
Author	SHA1	Message	Date
Théo Marchal	f1b773ff52	Fix light mobile styling	2025-09-06 11:04:29 +02:00
Théo Marchal	9ea041d332	Fix mobile background	2025-09-06 10:49:01 +02:00