diff --git a/themes/classic-light.css b/themes/classic-light.css index 3ad47b7..4f36c93 100644 --- a/themes/classic-light.css +++ b/themes/classic-light.css @@ -106,6 +106,18 @@ color: var(--wplace-text) !important; } +/* Data management section buttons */ +.wplace-theme--classic-light .wplace-data-management .wplace-btn { + background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%) !important; + border: 1px solid rgba(0, 0, 0, 0.2) !important; + color: var(--wplace-text) !important; +} + +.wplace-theme--classic-light .wplace-data-management .wplace-btn:hover:not(:disabled) { + background: linear-gradient(135deg, #e9ecef 0%, #dee2e6 100%) !important; + box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important; +} + /* Settings dialog */ .wplace-theme--classic-light #wplace-settings-container { background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%) !important; @@ -295,6 +307,17 @@ box-shadow: 0 0 0 2px rgba(111, 66, 193, 0.3) !important; } +/* Dropdown menu options */ +.wplace-theme--classic-light .wplace-settings-select option { + background: #ffffff !important; + color: var(--wplace-text) !important; +} + +.wplace-theme--classic-light .wplace-settings-option { + background: #ffffff !important; + color: var(--wplace-text) !important; +} + /* Sliders with classic gradient */ .wplace-theme--classic-light .wplace-speed-slider { background: linear-gradient(to right, #4facfe 0%, #00f2fe 100%) !important; @@ -306,6 +329,11 @@ border-radius: 4px !important; } +.wplace-theme--classic-light .wplace-slider { + background: linear-gradient(to right, #4facfe 0%, #00f2fe 100%) !important; + border-radius: 4px !important; +} + .wplace-theme--classic-light .wplace-speed-value { background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%) !important; border-radius: 8px !important; @@ -342,6 +370,32 @@ } } +/* Turnstile/CF checkbox overlay - CRITICAL FIX */ +.wplace-theme--classic-light .wplace-turnstile-overlay { + background: rgba(255, 255, 255, 0.98) !important; + border-radius: 12px !important; + box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3) !important; + backdrop-filter: blur(10px) !important; + border: 1px solid rgba(0, 0, 0, 0.2) !important; + color: var(--wplace-text) !important; + font-family: 'Segoe UI', Roboto, sans-serif !important; +} + +.wplace-theme--classic-light .wplace-turnstile-title { + color: var(--wplace-text) !important; +} + +.wplace-theme--classic-light .wplace-turnstile-hide-btn { + color: var(--wplace-text) !important; + border: 1px solid rgba(0, 0, 0, 0.2) !important; + border-radius: 6px !important; + background: rgba(0, 0, 0, 0.05) !important; +} + +.wplace-theme--classic-light .wplace-turnstile-hide-btn:hover { + background: rgba(0, 0, 0, 0.1) !important; +} + /* Color swatches with light styling */ .wplace-theme--classic-light .wplace-color-swatch { border: 1px solid rgba(0, 0, 0, 0.2) !important; diff --git a/themes/classic.css b/themes/classic.css index cd1a45b..9d19a9e 100644 --- a/themes/classic.css +++ b/themes/classic.css @@ -492,8 +492,8 @@ /* Form controls and sliders for classic theme */ :root .wplace-slider, .wplace-theme--classic .wplace-slider { - background: #444; - border-radius: 2px; + background: linear-gradient(to right, #4facfe 0%, #00f2fe 100%); + border-radius: 4px; } :root .wplace-slider::-webkit-slider-thumb, diff --git a/themes/neon.css b/themes/neon.css index 2676c14..ee67493 100644 --- a/themes/neon.css +++ b/themes/neon.css @@ -285,6 +285,16 @@ text-shadow: 0 0 5px var(--wplace-text) !important; } +/* Neon slider styling */ +.wplace-theme--neon .wplace-slider, +.wplace-theme--neon .wplace-speed-slider, +.wplace-theme--neon .wplace-overlay-opacity-slider { + background: var(--wplace-secondary) !important; + border: 1px solid var(--wplace-text) !important; + border-radius: 0 !important; + box-shadow: 0 0 10px rgba(0, 255, 65, 0.3) !important; +} + /* Scanline animation for neon theme */ .wplace-theme--neon #wplace-image-bot-container::before { content: ''; @@ -300,6 +310,11 @@ opacity: 0.7; } +.wplace-theme--neon #wplace-stats-container { + position: relative; + overflow: hidden !important; +} + .wplace-theme--neon #wplace-stats-container::before { content: ''; position: absolute; @@ -310,7 +325,7 @@ background: linear-gradient(90deg, transparent, var(--wplace-text), transparent); z-index: 1; pointer-events: none; - animation: scanline 4s linear infinite; + animation: scanlineStats 4s linear infinite; opacity: 0.7; } @@ -347,6 +362,15 @@ } } +@keyframes scanlineStats { + 0% { + transform: translateY(-100%); + } + 100% { + transform: translateY(300px); + } +} + /* Resize dialog styling for neon theme */ .wplace-theme--neon .resize-container { background: #1a1a2e !important;