camsimony
diff --git a/‎clocks/index.html‎
Lines changed: 3 additions & 1 deletion b/‎clocks/index.html‎
Lines changed: 3 additions & 1 deletion
diff --git a/‎clocks/src/styles/global.css‎
Lines changed: 10 additions & 0 deletions b/‎clocks/src/styles/global.css‎
Lines changed: 10 additions & 0 deletions
@@ -3,7 +3,9 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />
-    <meta name="theme-color" content="#fffefb" />
+    <meta name="theme-color" content="#351a17" />
+    <meta name="color-scheme" content="dark light" />
+    <meta name="supported-color-schemes" content="dark light" />
     <meta name="apple-mobile-web-app-capable" content="yes" />
     <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
     <link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Crect width='64' height='64' rx='14' fill='%23fffefb'/%3E%3Ccircle cx='32' cy='32' r='24' fill='none' stroke='%232f9e48' stroke-width='4'/%3E%3Cpath d='M32 18v16l11 7' fill='none' stroke='%23070604' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='32' cy='32' r='4' fill='%23bd1430'/%3E%3C/svg%3E" />
 
@@ -5,6 +5,7 @@
 :root {
   --clock-document-bg: oklch(0.997 0.004 91.445);
 
+  color-scheme: dark light;
   color: oklch(0.213 0.006 62.958);
   background: var(--clock-document-bg);
   font-family: Futura, "League Spartan", Montserrat, Avenir, system-ui, sans-serif;
@@ -36,6 +37,15 @@ body {
   min-width: 320px;
 }
 
+body::before {
+  content: "";
+  position: fixed;
+  inset: -100vmax;
+  z-index: -1;
+  pointer-events: none;
+  background: var(--clock-document-bg);
+}
+
 button,
 input,
 select,