From 59bf96dc3ed6224f94b33f22f6a8a6179d53c575 Mon Sep 17 00:00:00 2001
From: Staninna <26458805+Staninna@users.noreply.github.com>
Date: Wed, 27 Aug 2025 01:19:19 +0200
Subject: [PATCH] classic light theme + claude limit reached

---
 Auto-Image.js            | 14 ++++++++++----
 themes/classic-light.css | 15 +++++++++++++++
 2 files changed, 25 insertions(+), 4 deletions(-)

diff --git a/Auto-Image.js b/Auto-Image.js
index cedfc19..c30b847 100644
--- a/Auto-Image.js
+++ b/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;
diff --git a/themes/classic-light.css b/themes/classic-light.css
index 9984226..3ad47b7 100644
--- a/themes/classic-light.css
+++ b/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 */