Spring theme (#8)

index.html

@@ -651,6 +651,7 @@
                 <option value="newyear">New Year</option>
                 <option value="winter">Winter</option>
                 <option value="saami">Sámi</option>
+                <option value="spring">Spring</option>
                 <option value="waffle">Waffle Day</option>
             </select>
         </div>
@@ -1451,8 +1452,8 @@
                 backgroundRepeat: 'no-repeat',
                 backgroundPosition: 'center',
                 backgroundAttachment: 'fixed',
-                textColor: '#417a8e', // Blueish
-                centerDotColor: 'radial-gradient(circle, #517a8e 20%, #417a8e 40%, #2d5663 80%, #1c343d 100%)', // Blue gradient
+                textColor: '#F4F1E6', // Soft warm ivory
+                centerDotColor: 'radial-gradient(circle, #F8F3E8 20%, #E7DDC7 45%, #B7D09E 75%, #6E8C63 100%)', // Spring ivory-to-leaf gradient
                 centerDotBorder: '#1c343d', // Dark blue border
                 handColors: {
                     hour: 'linear-gradient(to right, #2d5663, #417a8e, #2d5663)', // Blue
@@ -1501,6 +1502,32 @@
                     gjovik: 'Gjøvik'
                 }
             },
+            spring: {
+                dateRange: { startMonth: 2, startDay: 1, endMonth: 2, endDay: 24 }, // Mar 1 - Mar 24
+                clockFace: 'clock-face-spring.png',
+                clockFaceScale: 'cover',
+                background: 'spring-bg.png',
+                backgroundSize: 'cover',
+                backgroundRepeat: 'no-repeat',
+                backgroundPosition: 'center',
+                backgroundAttachment: 'fixed',
+                textColor: '#4F7A4F', // Greenish
+                centerDotColor: 'radial-gradient(circle, #EAF7C9 20%, #BEE08A 45%, #78B46A 75%, #3E6A3E 100%)', // Spring green gradient
+                centerDotBorder: '#7A6A4F', // Warm earthy brown border
+                handColors: {
+                    hour: '#2E4A2E', 
+                    minute: '#3F623F', 
+                    second: '#4F7A4F' 
+                },
+                clockContainer: {
+                    background: 'rgba(0, 0, 0, 0.15)',
+                    backdropFilter: 'blur(5px)',
+                    borderRadius: '20px',
+                    border: '1px solid rgba(126, 158, 112, 0.5)',
+                    boxShadow: '0 8px 32px rgba(79, 122, 79, 0.28)'
+                },
+                handGlow: '0 0 8px rgba(79,122,79,0.35)'
+            },
             waffle: {
                 /*
                     International Waffle Day theme by on@ntnu.no