Snowflakes in light mode

vtp6 · Dec 3, 2024 · eab965c · eab965c
1 parent 0f54faf
commit eab965c
Showing 1 changed file with 12 additions and 3 deletions.
diff --git a/scripts/snow.js b/scripts/snow.js
@@ -5,11 +5,8 @@
         .snowflake {
             position: fixed;
             top: -10px;
-            color: white;
             font-size: 1em;
             font-family: Arial, sans-serif;
-            text-shadow: 0 0 5px rgba(255,255,255,0.7);
-            filter: drop-shadow(0 0 10px white);
             cursor: default;
             user-select: none;
             z-index: 999999;
@@ -18,6 +15,18 @@
             animation-iteration-count: infinite;
         }
 
+        body.dark-theme .snowflake {
+            color: white;
+            filter: drop-shadow(0 0 10px white);
+            text-shadow: 0 0 5px rgba(255,255,255,0.7);
+        }
+
+        body.light-theme .snowflake {
+            color: darkgray;
+            filter: drop-shadow(0 0 10px black);
+            text-shadow: 0 0 5px rgba(128,128,128,0.5);
+        }
+
         @keyframes snowfall {
             0% {
                 transform: translateY(0vh) translateX(0) rotate(0deg);