Easter (#11)

* Spring theme * Easter theme * Fix files
hoel · Mar 23, 2026 · 7e43781 · 7e43781
1 parent 9368d04
commit 7e43781
Show file tree

Hide file tree

Showing 3 changed files with 27 additions and 0 deletions.
diff --git a/clock-face-easter.png b/clock-face-easter.png
diff --git a/easter-bg.png b/easter-bg.png
diff --git a/index.html b/index.html
@@ -653,6 +653,7 @@
                 <option value="saami">Sámi</option>
                 <option value="spring">Spring</option>
                 <option value="waffle">Waffle Day</option>
+                <option value="easter">Easter</option>
             </select>
         </div>
         <div class="theme-date-range" id="theme-date-info"></div>
@@ -1562,6 +1563,32 @@
                     gjovik: 'Vaffelvik'
                 }
             },
+            easter: {
+                dateRange: { startMonth: 2, startDay: 26, endMonth: 3, endDay: 5 }, // Mar 26 - Apr 5
+                clockFace: 'clock-face-easter.png',
+                clockFaceScale: 'cover',
+                background: 'easter-bg.png',
+                backgroundSize: 'cover',
+                backgroundRepeat: 'no-repeat',
+                backgroundPosition: 'center',
+                backgroundAttachment: 'fixed',
+                textColor: '#E3B437', // Easter yellow
+                centerDotColor: 'radial-gradient(circle, #FFFDEB 20%, #FFF5B5 45%, #FFE57A 75%, #F7C948 100%)', // Soft-to-rich yellow gradient
+                centerDotBorder: '#D4A72C', // Golden yellow border
+                handColors: {
+                    hour: '#6E5211', 
+                    minute: '#8A6616', 
+                    second: '#A8781B' 
+                },
+                clockContainer: {
+                    background: 'rgba(255, 244, 184, 0.16)',
+                    backdropFilter: 'blur(5px)',
+                    borderRadius: '20px',
+                    border: '1px solid rgba(247, 201, 72, 0.55)',
+                    boxShadow: '0 8px 32px rgba(227, 180, 55, 0.28)'
+                },
+                handGlow: '0 0 6px rgba(60,44,10,0.45)'
+            },
             default: {
                 clockFace: 'clock-face.png',
                 clockFaceScale: 'cover',