Revert to version a800371

assets/css/custom.css

@@ -614,4 +614,14 @@ body[data-theme="minimal"] {
     --button-hover-bg: #7f9ad1;
 }
 
-
+body[data-theme="zen"] {
+    --panel-bg: rgba(255, 255, 255, 0.8);
+    --text-color: #4a4a4a;
+    --primary-color: #a8d8b9;
+    --accent-color: #d8e2dc;
+    --background-gradient: linear-gradient(to bottom, #f0f4f0, #d8e2dc);
+    --task-list-item-bg: rgba(255,255,255,0.6);
+    --task-input-bg: rgba(255,255,255,0.6);
+    --task-input-border: transparent;
+    --button-hover-bg: #97c6a8;
+}

index.php

@@ -38,7 +38,7 @@
             <header>
                 <h2>Your Garden</h2>
                 <div class="theme-switcher">
-                    
+                    <button class="theme-btn" data-theme="zen">Japanese Zen</button>
                     <button class="theme-btn" data-theme="fantasy">Fantasy Forest</button>
                     <button class="theme-btn active" data-theme="minimal">Modern Minimal</button>
                 </div>
@@ -80,8 +80,6 @@
                     
                 </div>
 
-                
-
                 <!-- Garden elements will be loaded here -->
             </div>
             <div class="garden-controls">