classic light theme + claude limit reached

Auto-Image.js

@@ -214,10 +214,16 @@
 function applyTheme() {
   const theme = getCurrentTheme();
   // Toggle theme class on documentElement so CSS vars cascade to our UI
-  document.documentElement.classList.remove('wplace-theme--classic', 'wplace-theme--neon');
-  document.documentElement.classList.add(
-    CONFIG.currentTheme === 'Neon Retro' ? 'wplace-theme--neon' : 'wplace-theme--classic'
-  );
+  document.documentElement.classList.remove('wplace-theme--classic', 'wplace-theme--classic-light', 'wplace-theme--neon');
+  
+  let themeClass = 'wplace-theme--classic'; // default
+  if (CONFIG.currentTheme === 'Neon Retro') {
+    themeClass = 'wplace-theme--neon';
+  } else if (CONFIG.currentTheme === 'Classic Light') {
+    themeClass = 'wplace-theme--classic-light';
+  }
+  
+  document.documentElement.classList.add(themeClass);
 
   // Also set CSS variables explicitly in case you want runtime overrides
   const root = document.documentElement;

themes/classic-light.css

@@ -89,6 +89,21 @@
   border-radius: 12px !important;
   box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15) !important;
   font-family: 'Segoe UI', Roboto, sans-serif !important;
+  color: var(--wplace-text) !important;
+}
+
+/* Comprehensive text and element styling for light theme */
+.wplace-theme--classic-light * {
+  color: var(--wplace-text) !important;
+}
+
+.wplace-theme--classic-light .wplace-status,
+.wplace-theme--classic-light .wplace-stats,
+.wplace-theme--classic-light .wplace-section,
+.wplace-theme--classic-light .wplace-controls,
+.wplace-theme--classic-light .wplace-data-management,
+.wplace-theme--classic-light .wplace-cooldown-settings {
+  color: var(--wplace-text) !important;
 }
 
 /* Settings dialog */