Winter theme for January

index.html

@@ -649,6 +649,7 @@
                 <option value="movember">Movember</option>
                 <option value="christmas">Christmas</option>
                 <option value="newyear">New Year</option>
+                <option value="winter">Winter</option>
                 <option value="saami">Sámi</option>
             </select>
         </div>
@@ -1415,7 +1416,7 @@
                 }
             },
             newyear: {
-                dateRange: { startMonth: 11, startDay: 30, endMonth: 0, endDay: 4 }, // Dec 30 - Jan 4
+                dateRange: { startMonth: 11, startDay: 30, endMonth: 0, endDay: 6 }, // Dec 30 - Jan 4
                 clockFace: 'clock-face-newyear.png',
                 clockFaceScale: 'cover',
                 background: 'newyear-bg.png',
@@ -1440,6 +1441,32 @@
                 },
                 handGlow: '0 0 10px #d3af37, 0 0 15px #ad8f2e, 0 0 20px #ad8f2e' // Gold glow effect
             },
+            winter: {
+                dateRange: { startMonth: 0, startDay: 7, endMonth: 0, endDay: 31 }, // Jan 7 - Jan 31
+                clockFace: 'clock-face-winter.png',
+                clockFaceScale: 'cover',
+                background: 'winter-bg.png',
+                backgroundSize: 'cover',
+                backgroundRepeat: 'no-repeat',
+                backgroundPosition: 'center',
+                backgroundAttachment: 'fixed',
+                textColor: '#417a8e', // Blueish
+                centerDotColor: 'radial-gradient(circle, #517a8e 20%, #417a8e 40%, #2d5663 80%, #1c343d 100%)', // Blue gradient
+                centerDotBorder: '#1c343d', // Dark blue border
+                handColors: {
+                    hour: 'linear-gradient(to right, #2d5663, #417a8e, #2d5663)', // Blue
+                    minute: 'linear-gradient(to right, #2d5663, #417a8e, #2d5663)', // Blue
+                    second: 'linear-gradient(to bottom, #2d5663, #417a8e, #2d5663)' // Blue
+                },
+                clockContainer: {
+                    background: 'rgba(0, 0, 0, 0.15)',
+                    backdropFilter: 'blur(20px)',
+                    borderRadius: '20px',
+                    border: '1px solid rgba(29, 56, 63, 0.5)',
+                    boxShadow: '0 8px 32px rgba(89, 169, 193, 0.3)'
+                },
+                handGlow: '0 0 10px #458296, 0 0 15px #59a9c1, 0 0 20px #59a9c1' // Blue glow effect
+            },
             saami: {
                 /* 
                 Sámi theme by on@ntnu.no