diff --git a/auto-image-styles.css b/auto-image-styles.css index ad30e7e..baf5316 100644 --- a/auto-image-styles.css +++ b/auto-image-styles.css @@ -264,7 +264,10 @@ transition: background 0.2s ease; position: relative; z-index: 2; - /* Theme-specific styling applied via theme files */ + /* Default styling for 100% classic compliance */ + background: var(--wplace-secondary); + color: var(--wplace-highlight); + text-shadow: 0 1px 2px rgba(0,0,0,0.5); } .wplace-header-title { @@ -289,12 +292,18 @@ align-items: center; justify-content: center; transition: all 0.2s; - /* Theme-specific styling applied via theme files */ + /* Default styling for 100% classic compliance */ + background: rgba(255,255,255,0.1); + color: var(--wplace-text); + border-radius: 4px; + font-family: var(--wplace-font); } .wplace-header-btn:hover { transform: scale(1.1); - /* Theme-specific styling applied via theme files */ + /* Default styling for 100% classic compliance */ + background: var(--wplace-accent); + color: var(--wplace-text); } .wplace-content { @@ -1633,17 +1642,7 @@ /* Theme-specific styling applied via theme files */ } -/* Settings animations */ -@keyframes settingsSlideIn { - from { - opacity: 0; - transform: translate(-50%, -50%) scale(0.9); - } - to { - opacity: 1; - transform: translate(-50%, -50%) scale(1); - } -} +/* Settings animations - removed duplicate, handled above */ /* Font styling corrections */ .resize-controls label { diff --git a/themes/classic.css b/themes/classic.css index 50904f2..806e85a 100644 --- a/themes/classic.css +++ b/themes/classic.css @@ -332,7 +332,7 @@ :root .wplace-header-btn, .wplace-theme--classic .wplace-header-btn { background: rgba(255,255,255,0.1); - color: var(--wplace-text); + color: var(--wplace-highlight); border-radius: 4px; font-family: var(--wplace-font); } @@ -597,6 +597,12 @@ border-radius: 4px; } +:root .wplace-overlay-opacity-slider, +.wplace-theme--classic .wplace-overlay-opacity-slider { + background: linear-gradient(to right, #4facfe 0%, #00f2fe 100%); + border-radius: 4px; +} + :root .wplace-speed-value, .wplace-theme--classic .wplace-speed-value { background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);