diff --git a/quartz/styles/custom.scss b/quartz/styles/custom.scss
index 4f4ed81..6a40d2f 100644
--- a/quartz/styles/custom.scss
+++ b/quartz/styles/custom.scss
@@ -414,6 +414,19 @@ table {
     }
 }
 
+// Softer dark background for mobile
+@media all and ($mobile)
+{
+    .page > #quartz-body .sidebar.left:has(.explorer)
+    {
+        background-color: unset;
+    }
+
+    .explorer:not(.collapsed)>.explorer-content {
+        background-color: color-mix(in srgb, var(--lightgray)60%, var(--light));
+    }
+}
+
 .page {
 
     @media all and ($mobile) {