From d83bda9bfe75346de93f091e50164718a3b92700 Mon Sep 17 00:00:00 2001 From: MiraclePatrickLumowa Date: Mon, 8 Sep 2025 03:19:56 +0800 Subject: [PATCH] Delete themes directory --- themes/classic-light.css | 598 -------------------------------- themes/classic.css | 725 --------------------------------------- themes/neon.css | 519 ---------------------------- 3 files changed, 1842 deletions(-) delete mode 100644 themes/classic-light.css delete mode 100644 themes/classic.css delete mode 100644 themes/neon.css diff --git a/themes/classic-light.css b/themes/classic-light.css deleted file mode 100644 index b8079fc..0000000 --- a/themes/classic-light.css +++ /dev/null @@ -1,598 +0,0 @@ -/* WPlace Auto-Image Bot - Classic Light Theme */ - -/* Clean, bright theme based on classic design with light backgrounds */ - -.wplace-theme-classic-light { - /* === CORE COLORS === */ - --wplace-primary: #fff; /* Clean white */ - --wplace-secondary: #f8f9fa; /* Light gray */ - --wplace-accent: #e9ecef; /* Lighter gray */ - --wplace-text: #212529; /* Dark text */ - --wplace-highlight: #6f42c1; /* Purple highlight */ - --wplace-success: #28a745; /* Bootstrap green */ - --wplace-error: #dc3545; /* Bootstrap red */ - --wplace-warning: #ffc107; /* Bootstrap yellow */ - - /* === UI PROPERTIES === */ - --wplace-radius: 8px; - --wplace-btn-radius: 12px; - --wplace-border-style: solid; - --wplace-border-width: 1px; - --wplace-border-color: #415a77; - --wplace-shadow: 0 8px 32px rgb(0 0 0 / 15%), 0 0 0 1px rgb(0 0 0 / 8%); - --wplace-backdrop: blur(10px); - --wplace-font: 'Segoe UI', roboto, sans-serif; - - /* === EXTENDED COLOR PALETTE === */ - - /* Icon colors */ - --wplace-icon-primary: #4facfe; /* Light blue */ - --wplace-icon-secondary: #00f2fe; /* Cyan */ - --wplace-icon-palette: #f093fb; /* Pink */ - - /* Additional UI colors */ - --wplace-danger: #dc3545; /* Bootstrap red */ - --wplace-danger-dark: #c82333; /* Darker red */ - --wplace-muted-text: rgb(33 37 41 / 70%); - --wplace-highlight-secondary: #d3a4ff; - - /* Text variants */ - --wplace-text-secondary: rgb(33 37 41 / 90%); - --wplace-text-muted: rgb(33 37 41 / 70%); - --wplace-text-dim: rgb(33 37 41 / 60%); - --wplace-text-faded: rgb(33 37 41 / 80%); - - /* Background variants */ - --wplace-bg-input: #f3f3f3; /* neutral-100 */ - --wplace-bg-subtle: #f3f3f3; /* neutral-100 — hover */ - --wplace-bg-faint: #e0e0e0; /* neutral-200 */ - --wplace-bg-ghost: #d1d1d1; /* neutral-300 */ - --wplace-bg-whisper: #e0e0e0; /* can be used as whisper on hover */ - - /* Border variants */ - --wplace-border-subtle: #d1d1d1; /* neutral-300 */ - --wplace-border-faint: #e0e0e0; /* neutral-200 */ - --wplace-border-ghost: #e0e0e0; /* neutral-200 */ - --wplace-border-ultra-faint: #e0e0e0; /* neutral-200 — very faint */ - - /* Shadow variants */ - --wplace-shadow-drag: 0 12px 40px rgb(0 0 0 / 20%), 0 0 0 2px rgb(111 66 193 / 30%); - --wplace-shadow-notification: 0 4px 12px rgb(0 0 0 / 15%); - --wplace-shadow-slider-thumb: 0 3px 6px rgb(0 0 0 / 20%), 0 0 0 2px var(--wplace-icon-primary); - --wplace-shadow-slider-hover: 0 4px 8px rgb(0 0 0 / 25%), 0 0 0 3px var(--wplace-icon-primary); - - /* Animation colors */ - --wplace-pulse-start: rgb(40 167 69 / 70%); - --wplace-pulse-mid: rgb(40 167 69 / 0%); - --wplace-pulse-end: rgb(40 167 69 / 0%); - - /* Slider colors */ - --wplace-slider-thumb-bg: #6f42c1; - --wplace-slider-track-bg: linear-gradient(to right, #4facfe 0%, #00f2fe 100%); -} - -/* === COMPONENT STYLING === */ - -/* Main container with clean light styling */ -.wplace-theme-classic-light #wplace-image-bot-container { - background: linear-gradient(135deg, #fff 0%, #f8f9fa 100%) !important; - color: var(--wplace-text) !important; - border: 1px solid rgb(0 0 0 / 15%) !important; - border-radius: 12px !important; - box-shadow: 0 8px 32px rgb(0 0 0 / 15%), 0 0 0 1px rgb(0 0 0 / 8%) !important; - font-family: 'Segoe UI', Roboto, sans-serif !important; - backdrop-filter: blur(10px) !important; -} - - -/* Stats container with proper contrast */ -.wplace-theme-classic-light #wplace-stats-container { - background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%) !important; - border: 1px solid rgb(0 0 0 / 20%) !important; - border-radius: 12px !important; - box-shadow: 0 8px 32px rgb(0 0 0 / 15%) !important; - font-family: 'Segoe UI', Roboto, sans-serif !important; - color: var(--wplace-text) !important; - position: fixed !important; - overflow: hidden !important; - z-index: 9998 !important; -} - -/* Headers with light gradient */ -.wplace-theme-classic-light .wplace-header { - background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%) !important; - color: var(--wplace-highlight) !important; - border-bottom: 1px solid rgb(0 0 0 / 15%) !important; - text-shadow: none !important; -} - -/* Stats header styling */ -.wplace-theme-classic-light #wplace-stats-container .wplace-header { - background: linear-gradient(135deg, #e9ecef 0%, #dee2e6 100%) !important; - color: var(--wplace-text) !important; - border-bottom: 1px solid rgb(0 0 0 / 20%) !important; - text-shadow: none !important; - font-weight: 600 !important; -} - -/* Stats title specific styling */ -.wplace-theme-classic-light #wplace-stats-container .wplace-header .wplace-stats-title { - color: var(--wplace-text) !important; - text-shadow: none !important; -} - -/* Comprehensive text and element styling for light theme - scoped to bot containers only */ - -.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; -} - -/* Buttons with light styling */ -.wplace-theme-classic-light .wplace-btn { - background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%) !important; - border: 1px solid rgb(0 0 0 / 20%) !important; - border-radius: 12px !important; - color: var(--wplace-text) !important; - font-family: 'Segoe UI', Roboto, sans-serif !important; - font-weight: 500 !important; - transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !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 rgb(0 0 0 / 20%) !important; - color: #212529 !important; - font-weight: 500 !important; -} - -.wplace-theme-classic-light .wplace-btn:hover:not(:disabled) { - background: linear-gradient(135deg, #e9ecef 0%, #dee2e6 100%) !important; - box-shadow: 0 4px 12px rgb(0 0 0 / 15%) !important; - transform: translateY(-1px) !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 rgb(0 0 0 / 15%) !important; -} - -/* Settings dialog */ -.wplace-theme-classic-light #wplace-settings-container { - background: linear-gradient(135deg, #fff 0%, #f8f9fa 100%) !important; - border: 1px solid rgb(0 0 0 / 15%) !important; - border-radius: 12px !important; - box-shadow: 0 16px 48px rgb(0 0 0 / 20%), 0 0 0 1px rgb(0 0 0 / 8%) !important; - font-family: 'Segoe UI', Roboto, sans-serif !important; - backdrop-filter: blur(10px) !important; - color: var(--wplace-text) !important; -} - -/* Settings dialog text elements */ -.wplace-theme-classic-light .wplace-stat-colors-grid * { - color: var(--wplace-text) !important; - font-weight: 500 !important; -} - -.wplace-theme-classic-light #wplace-settings-container * { - color: var(--wplace-text) !important; -} - -.wplace-theme-classic-light #wplace-settings-container .wplace-settings-section-wrapper * { - color: var(--wplace-text) !important; -} - -/* Color palette text labels */ -.wplace-theme-classic-light .wplace-color-label { - color: var(--wplace-text) !important; - font-weight: 500 !important; - text-shadow: none !important; -} - -.wplace-theme-classic-light .wplace-color-name { - color: var(--wplace-text) !important; - font-weight: 500 !important; -} - -.wplace-theme-classic-light .wplace-color-item-name { - color: #000 !important; - font-weight: 600 !important; - text-shadow: none !important; -} - -/* Resize dialog */ -.wplace-theme-classic-light .resize-container { - background: linear-gradient(135deg, #fff 0%, #f8f9fa 100%) !important; - border: 1px solid rgb(0 0 0 / 15%) !important; - border-radius: 12px !important; - box-shadow: 0 16px 48px rgb(0 0 0 / 20%), 0 0 0 1px rgb(0 0 0 / 8%) !important; - font-family: 'Segoe UI', Roboto, sans-serif !important; - backdrop-filter: blur(10px) !important; -} - -/* Settings header */ -.wplace-theme-classic-light .wplace-settings-header { - background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%) !important; - border-bottom: 1px solid rgb(0 0 0 / 15%) !important; -} - -.wplace-theme-classic-light .wplace-settings-title { - color: var(--wplace-text) !important; - text-shadow: none !important; -} - -.wplace-theme-classic-light .wplace-settings-close-btn { - background: rgb(0 0 0 / 5%) !important; - border: 1px solid rgb(0 0 0 / 20%) !important; - border-radius: 50% !important; - color: var(--wplace-text) !important; - transition: all 0.3s ease !important; -} - -.wplace-theme-classic-light .wplace-settings-close-btn:hover { - background: rgb(220 53 69 / 10%) !important; - border-color: var(--wplace-error) !important; - box-shadow: 0 0 12px rgb(220 53 69 / 30%) !important; -} - -/* Section titles */ -.wplace-theme-classic-light .wplace-section-title { - color: var(--wplace-highlight) !important; - text-shadow: none !important; - font-weight: 600 !important; -} - -/* Button variants with classic light colors */ -.wplace-theme-classic-light .wplace-btn-start { - background: linear-gradient(135deg, #28a745 0%, #20c997 100%) !important; - color: white !important; - font-weight: 600 !important; -} - -.wplace-theme-classic-light .wplace-btn-start:hover:not(:disabled) { - box-shadow: 0 4px 12px rgb(40 167 69 / 40%) !important; -} - -.wplace-theme-classic-light .wplace-btn-stop { - background: linear-gradient(135deg, #dc3545 0%, #c82333 100%) !important; - color: white !important; - font-weight: 600 !important; -} - -.wplace-theme-classic-light .wplace-btn-stop:hover:not(:disabled) { - box-shadow: 0 4px 12px rgb(220 53 69 / 40%) !important; -} - -.wplace-theme-classic-light .wplace-btn-upload { - background: rgb(111 66 193 / 10%) !important; - border: 2px dashed var(--wplace-highlight) !important; - color: var(--wplace-highlight) !important; -} - -.wplace-theme-classic-light .wplace-btn-upload:hover:not(:disabled) { - background: rgb(111 66 193 / 15%) !important; - box-shadow: 0 4px 12px rgb(111 66 193 / 20%) !important; -} - -/* Progress bars with clean light styling */ -.wplace-theme-classic-light .wplace-progress { - background: rgb(0 0 0 / 10%) !important; - border: 1px solid rgb(0 0 0 / 15%) !important; - border-radius: 12px !important; -} - -.wplace-theme-classic-light .wplace-progress-bar { - background: linear-gradient(135deg, #6f42c1 0%, #9370db 100%) !important; - box-shadow: none !important; -} - -.wplace-theme-classic-light .wplace-progress-bar::after { - background: linear-gradient(90deg, transparent, rgb(255 255 255 / 30%), transparent) !important; -} - -/* Status indicators with light colors */ -.wplace-theme-classic-light .status-success { - background: rgb(40 167 69 / 10%) !important; - border-color: var(--wplace-success) !important; - color: var(--wplace-success) !important; - box-shadow: 0 0 15px rgb(40 167 69 / 20%) !important; - text-shadow: none !important; -} - -.wplace-theme-classic-light .status-error { - background: rgb(220 53 69 / 10%) !important; - border-color: var(--wplace-error) !important; - color: var(--wplace-error) !important; - box-shadow: 0 0 15px rgb(220 53 69 / 20%) !important; - text-shadow: none !important; -} - -.wplace-theme-classic-light .status-default { - background: rgb(111 66 193 / 10%) !important; - border-color: var(--wplace-highlight) !important; - color: var(--wplace-highlight) !important; - text-shadow: none !important; -} - -.wplace-theme-classic-light .wplace-stat-label { - color: var(--wplace-text) !important; - text-shadow: none !important; - font-weight: 500 !important; -} - -.wplace-theme-classic-light .wplace-stat-value { - color: var(--wplace-highlight) !important; - text-shadow: none !important; - font-weight: 600 !important; -} - -/* Sections with light styling */ -.wplace-theme-classic-light .wplace-section { - background: rgb(0 0 0 / 3%) !important; - border: 1px solid rgb(0 0 0 / 10%) !important; - border-radius: 12px !important; -} - -.wplace-theme-classic-light .wplace-status-section { - background: rgb(0 0 0 / 3%) !important; - border: 1px solid rgb(0 0 0 / 10%) !important; - border-radius: 12px !important; -} - -.wplace-theme-classic-light .wplace-settings-section-wrapper { - background: rgb(0 0 0 / 3%) !important; - border: 1px solid rgb(0 0 0 / 10%) !important; - border-radius: 12px !important; -} - -/* Form controls with light styling */ -.wplace-theme-classic-light .wplace-settings-select { - background: #fff !important; - border: 1px solid rgb(0 0 0 / 20%) !important; - border-radius: 8px !important; - color: var(--wplace-text) !important; - font-family: 'Segoe UI', Roboto, sans-serif !important; - box-shadow: 0 2px 8px rgb(0 0 0 / 10%) !important; -} - -.wplace-theme-classic-light .wplace-settings-select:focus { - border-color: var(--wplace-highlight) !important; - box-shadow: 0 0 0 2px rgb(111 66 193 / 30%) !important; -} - -/* Dropdown menu options */ -.wplace-theme-classic-light .wplace-settings-select option { - background: #fff !important; - color: var(--wplace-text) !important; -} - -.wplace-theme-classic-light .wplace-settings-option { - background: #fff !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; - border-radius: 4px !important; -} - -.wplace-theme-classic-light .wplace-overlay-opacity-slider { - background: linear-gradient(to right, #4facfe 0%, #00f2fe 100%) !important; - 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-slider::-webkit-slider-thumb { - -webkit-appearance: none; - width: 16px; - height: 16px; - border-radius: 50%; - background: var(--wplace-slider-thumb-bg); - border: 1px solid rgb(0 0 0 / 20%); - cursor: pointer; - transition: all 0.2s ease; - box-shadow: 0 2px 4px rgb(0 0 0 / 20%); -} - -.wplace-theme-classic-light .wplace-speed-value { - background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%) !important; - border-radius: 8px !important; - color: white !important; - font-weight: 600 !important; - box-shadow: 0 3px 10px rgb(79 172 254 / 30%) !important; - border: 1px solid rgb(0 0 0 / 10%) !important; -} - -/* Settings labels */ -.wplace-theme-classic-light .wplace-settings-section-label { - color: var(--wplace-highlight) !important; - text-shadow: none !important; - font-family: 'Segoe UI', Roboto, sans-serif !important; - font-weight: 600 !important; -} - -/* Icon colors for classic light theme */ -.wplace-theme-classic-light .wplace-icon-key { color: #4facfe; } -.wplace-theme-classic-light .wplace-icon-robot { color: #4facfe; } -.wplace-theme-classic-light .wplace-icon-speed { color: #4facfe; } -.wplace-theme-classic-light .wplace-icon-bell { color: #ffc107; } -.wplace-theme-classic-light .wplace-icon-palette { color: #f093fb; } -.wplace-theme-classic-light .wplace-icon-globe { color: #ffeaa7; } -.wplace-theme-classic-light .wplace-icon-paint { color: #4facfe; } -.wplace-theme-classic-light .wplace-icon-eye { color: #6f42c1; } - -/* Clean light theme animations */ -@keyframes light-shimmer { - 0% { - transform: translateX(-100%); - } - - 100% { - transform: translateX(200%); - } -} - -/* Turnstile/CF checkbox overlay - CRITICAL FIX */ -.wplace-theme-classic-light .wplace-turnstile-overlay { - background: rgb(255 255 255 / 98%) !important; - border-radius: 12px !important; - box-shadow: 0 8px 32px rgb(0 0 0 / 30%) !important; - backdrop-filter: blur(10px) !important; - border: 1px solid rgb(0 0 0 / 20%) !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 rgb(0 0 0 / 20%) !important; - border-radius: 6px !important; - background: rgb(0 0 0 / 5%) !important; -} - -.wplace-theme-classic-light .wplace-turnstile-hide-btn:hover { - background: rgb(0 0 0 / 10%) !important; -} - -/* Dual control layout styling for classic light theme */ -.wplace-theme-classic-light .wplace-dual-control-compact { - display: flex; - flex-direction: row; - align-items: center; - gap: 12px; - margin: 8px 0; - flex-wrap: wrap; -} - -.wplace-theme-classic-light .wplace-slider-container-compact { - display: flex; - align-items: center; - gap: 8px; - flex: 1; - min-width: 160px; -} - -.wplace-theme-classic-light .wplace-speed-slider-container-compact { - display: flex; - align-items: center; - gap: 8px; - flex: 1; - min-width: 160px; -} - -.wplace-theme-classic-light .wplace-input-group-compact { - display: flex; - align-items: center; - gap: 4px; - flex-shrink: 0; -} - -.wplace-theme-classic-light .wplace-input-btn-compact { - background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%); - color: white; - border: none; - border-radius: 4px; - width: 22px; - height: 22px; - cursor: pointer; - font-weight: bold; - font-size: 12px; - display: flex; - align-items: center; - justify-content: center; - transition: all 0.2s ease; - box-shadow: 0 2px 4px rgba(0,0,0,0.2); -} - -.wplace-theme-classic-light .wplace-input-btn-compact:hover { - transform: translateY(-1px); - box-shadow: 0 4px 8px rgba(0,0,0,0.3); - background: linear-gradient(135deg, #00f2fe 0%, #4facfe 100%); -} - -.wplace-theme-classic-light .wplace-input-btn-compact:active { - transform: translateY(0); - box-shadow: 0 2px 4px rgba(0,0,0,0.2); -} - -.wplace-theme-classic-light .wplace-number-input-compact { - background: #fff; - border: 1px solid rgb(0 0 0 / 20%); - border-radius: 4px; - color: var(--wplace-text); - padding: 4px 8px; - font-size: 12px; - width: 50px; - text-align: center; - transition: all 0.2s ease; - height: 22px; -} - -.wplace-theme-classic-light .wplace-number-input-compact:focus { - outline: none; - border-color: #4facfe; - box-shadow: 0 0 0 3px rgba(79, 172, 254, 0.3); - background: #f8f9fa; -} - -.wplace-theme-classic-light .wplace-input-label-compact { - color: var(--wplace-text); - font-size: 11px; - margin-left: 4px; - white-space: nowrap; -} - -.wplace-theme-classic-light .wplace-batch-size-header { - margin-bottom: 8px; -} - -.wplace-theme-classic-light .wplace-batch-size-label { - color: var(--wplace-highlight); - font-weight: 500; - font-size: 13px; -} - -/* Cooldown control styling for classic light theme */ -.wplace-theme-classic-light .wplace-cooldown-control { - margin: 12px 0; -} - -.wplace-theme-classic-light .wplace-cooldown-control label { - color: var(--wplace-highlight); - font-weight: 500; - font-size: 13px; - margin-bottom: 8px; - display: block; -} - -/* Color swatches with light styling */ -.wplace-theme-classic-light .wplace-color-swatch { - border: 1px solid rgb(0 0 0 / 20%) !important; - border-radius: 4px !important; - box-shadow: 0 2px 8px rgb(0 0 0 / 10%) !important; -} - -.wplace-theme-classic-light .wplace-color-swatch:hover { - box-shadow: 0 4px 16px rgb(111 66 193 / 30%) !important; - transform: translateY(-1px); -} - -.wplace-theme-classic-light .wplace-stat-colors-grid { - background: rgb(0 0 0 / 5%) !important; - border-radius: 8px !important; - border: 1px solid rgb(0 0 0 / 10%) !important; -} diff --git a/themes/classic.css b/themes/classic.css deleted file mode 100644 index 857ce6e..0000000 --- a/themes/classic.css +++ /dev/null @@ -1,725 +0,0 @@ -/* WPlace Auto-Image Bot - Classic Theme */ -/* Clean, modern UI with gradients and subtle effects */ - -.wplace-theme-classic { - --wplace-primary: linear-gradient(135deg, #000 0%, #1a1a1a 100%); - --wplace-secondary: linear-gradient(135deg, #111 0%, #2a2a2a 100%); - --wplace-accent: #222; - --wplace-text: #fff; - --wplace-highlight: #775ce3; - --wplace-success: #0f0; - --wplace-error: #f00; - --wplace-warning: #fa0; - --wplace-radius: 12px; - --wplace-btn-radius: 16px; - --wplace-shadow: 0 8px 32px rgb(0 0 0 / 60%), 0 0 0 1px rgb(255 255 255 / 10%); - --wplace-backdrop: blur(10px); - --wplace-font: 'Segoe UI', roboto, sans-serif; - --wplace-scanline: 0; - --wplace-pixel-blink: 0; - - /* Icon colors */ - --wplace-icon-primary: #4facfe; - --wplace-icon-secondary: #00f2fe; - --wplace-icon-palette: #f093fb; - - /* Additional UI colors */ - --wplace-danger: #ff6a6a; - --wplace-danger-dark: #ff4757; - --wplace-muted-text: #fffB; - --wplace-highlight-secondary: #d3a4ff; - - /* Slider colors */ - --wplace-slider-track-bg: linear-gradient(to right, #4facfe 0%, #00f2fe 100%); -} - -/* Classic theme container styling */ -:root #wplace-image-bot-container, -.wplace-theme-classic #wplace-image-bot-container { - background: var(--wplace-primary); - color: var(--wplace-text); - border-radius: var(--wplace-radius); - box-shadow: var(--wplace-shadow); - font-family: var(--wplace-font); - backdrop-filter: var(--wplace-backdrop); - border: var(--wplace-border-width) var(--wplace-border-style) var(--wplace-border-color); -} - -:root #wplace-stats-container, -.wplace-theme-classic #wplace-stats-container { - background: var(--wplace-primary); - color: var(--wplace-text); - border-radius: var(--wplace-radius); - box-shadow: var(--wplace-shadow); - font-family: var(--wplace-font); - backdrop-filter: var(--wplace-backdrop); - border: var(--wplace-border-width) var(--wplace-border-style) var(--wplace-border-color); -} - -:root #wplace-settings-container, -.wplace-theme-classic #wplace-settings-container { - background: var(--wplace-primary); - color: var(--wplace-text); - border-radius: var(--wplace-radius); - box-shadow: var(--wplace-shadow); - font-family: var(--wplace-font); - backdrop-filter: var(--wplace-backdrop); - border: var(--wplace-border-width) var(--wplace-border-style) var(--wplace-border-color); -} - -:root .wplace-header, -.wplace-theme-classic .wplace-header { - background: var(--wplace-secondary); - color: var(--wplace-highlight); - text-shadow: 0 1px 2px rgb(0 0 0 / 50%); -} - -:root .wplace-section-title, -.wplace-theme-classic .wplace-section-title { - color: var(--wplace-highlight); -} - -:root .wplace-stat-value, -.wplace-theme-classic .wplace-stat-value { - color: var(--wplace-highlight); -} - -:root .wplace-status-section, -.wplace-theme-classic .wplace-status-section { - border-radius: var(--wplace-radius); - background: rgb(255 255 255 / 3%); - border: 1px solid rgb(255 255 255 / 10%); -} - -:root .wplace-section, -.wplace-theme-classic .wplace-section { - border-radius: var(--wplace-radius); - background: rgb(255 255 255 / 3%); -} - -:root .wplace-stats, -.wplace-theme-classic .wplace-stats { - border-radius: var(--wplace-radius); - background: rgb(255 255 255 / 3%); - border: 1px solid rgb(255 255 255 / 10%); -} - -:root .wplace-status, -.wplace-theme-classic .wplace-status { - border-radius: var(--wplace-radius); -} - -:root .wplace-alert-base, -.wplace-theme-classic .wplace-alert-base { - border-radius: var(--wplace-radius); - font-family: var(--wplace-font); -} - -:root .wplace-settings-container-base, -.wplace-theme-classic .wplace-settings-container-base { - font-family: var(--wplace-font); - border-radius: var(--wplace-radius); - background: var(--wplace-primary); - color: var(--wplace-text); - box-shadow: var(--wplace-shadow); - backdrop-filter: var(--wplace-backdrop); -} - -/* Button styling for classic theme */ -:root .wplace-btn, -.wplace-theme-classic .wplace-btn { - background: linear-gradient(135deg, #222 0%, #4a4a4a 100%); - border: 1px solid rgb(255 255 255 / 10%); - color: var(--wplace-text); - border-radius: var(--wplace-btn-radius); - font-family: var(--wplace-font); -} - -:root .wplace-btn::before, -.wplace-theme-classic .wplace-btn::before { - background: linear-gradient(90deg, transparent, rgb(255 255 255 / 10%), transparent); -} - -:root .wplace-btn:disabled, -.wplace-theme-classic .wplace-btn:disabled { - box-shadow: none !important; -} - -:root .wplace-btn:hover:not(:disabled), -.wplace-theme-classic .wplace-btn:hover:not(:disabled) { - box-shadow: 0 4px 12px rgb(0 0 0 / 40%); -} - -:root .wplace-btn-overlay.active, -.wplace-theme-classic .wplace-btn-overlay.active { - background: linear-gradient(135deg, #29b6f6 0%, #8e2de2 100%); - box-shadow: 0 0 15px #8e2de2; -} - -/* Button variants - exact upstream main colors */ -:root .wplace-btn-primary, -.wplace-theme-classic .wplace-btn-primary { - background: linear-gradient(135deg, #222 0%, #6a5acd 100%); - color: var(--wplace-text); -} - -:root .wplace-btn-upload, -.wplace-theme-classic .wplace-btn-upload { - background: linear-gradient(135deg, #111 0%, #4a4a4a 100%); - color: var(--wplace-text); - border: 1px dashed var(--wplace-highlight) !important; -} - -:root .wplace-btn-start, -.wplace-theme-classic .wplace-btn-start { - background: linear-gradient(135deg, var(--wplace-success) 0%, #228b22 100%); - color: white; -} - -:root .wplace-btn-stop, -.wplace-theme-classic .wplace-btn-stop { - background: linear-gradient(135deg, var(--wplace-error) 0%, #dc143c 100%); - color: white; -} - -:root .wplace-btn-select, -.wplace-theme-classic .wplace-btn-select { - background: linear-gradient(135deg, var(--wplace-highlight) 0%, #9370db 100%); - color: white; -} - -:root .wplace-btn-file, -.wplace-theme-classic .wplace-btn-file { - background: linear-gradient(135deg, #ff8c00 0%, #ff7f50 100%); - color: white; -} - -:root .wplace-btn.active, -:root .wplace-btn[aria-pressed="true"], -.wplace-theme-classic .wplace-btn.active, -.wplace-theme-classic .wplace-btn[aria-pressed="true"] { - background: var(--wplace-highlight) !important; - color: #000 !important; - border-color: var(--wplace-text) !important; - box-shadow: 0 0 8px rgb(0 0 0 / 25%) inset, 0 0 6px rgb(0 0 0 / 20%) !important; -} - -:root .wplace-btn.active i, -:root .wplace-btn[aria-pressed="true"] i, -.wplace-theme-classic .wplace-btn.active i, -.wplace-theme-classic .wplace-btn[aria-pressed="true"] i { - filter: drop-shadow(0 0 3px #000); -} - -:root .mask-mode-group .wplace-btn.active, -:root .mask-mode-group .wplace-btn[aria-pressed="true"], -.wplace-theme-classic .mask-mode-group .wplace-btn.active, -.wplace-theme-classic .mask-mode-group .wplace-btn[aria-pressed="true"] { - background: var(--wplace-highlight); - color: #000; - border-color: var(--wplace-text); - box-shadow: 0 0 8px rgb(0 0 0 / 25%) inset, 0 0 6px rgb(0 0 0 / 20%); -} - -/* Status styling for classic theme */ -:root .status-default, -.wplace-theme-classic .status-default { - background: rgb(255 255 255 / 10%); - border-color: var(--wplace-text); - color: var(--wplace-text); -} - -:root .status-success, -.wplace-theme-classic .status-success { - background: rgb(0 255 0 / 10%); - border-color: var(--wplace-success); - color: var(--wplace-success); - box-shadow: 0 0 15px var(--wplace-success); -} - -:root .status-error, -.wplace-theme-classic .status-error { - background: rgb(255 0 0 / 10%); - border-color: var(--wplace-error); - color: var(--wplace-error); - box-shadow: 0 0 15px var(--wplace-error); -} - -:root .status-warning, -.wplace-theme-classic .status-warning { - background: rgb(255 165 0 / 10%); - border-color: var(--wplace-warning); - color: var(--wplace-warning); - box-shadow: 0 0 15px var(--wplace-warning); -} - -:root .wplace-status.status-default, -.wplace-theme-classic .wplace-status.status-default { - color: var(--wplace-text); - background: rgb(255 255 255 / 10%); - border-color: var(--wplace-text); -} - -/* Alert styling for classic theme */ -:root .wplace-alert-info, -.wplace-theme-classic .wplace-alert-info { - background: linear-gradient(135deg, #3498db, #2980b9); - box-shadow: 0 4px 12px rgb(52 152 219 / 30%); -} - -:root .wplace-alert-success, -.wplace-theme-classic .wplace-alert-success { - background: linear-gradient(135deg, #27ae60, #229954); - box-shadow: 0 4px 12px rgb(39 174 96 / 30%); -} - -:root .wplace-alert-warning, -.wplace-theme-classic .wplace-alert-warning { - background: linear-gradient(135deg, #f39c12, #e67e22); - box-shadow: 0 4px 12px rgb(243 156 18 / 30%); -} - -:root .wplace-alert-error, -.wplace-theme-classic .wplace-alert-error { - background: linear-gradient(135deg, #e74c3c, #c0392b); - box-shadow: 0 4px 12px rgb(231 76 60 / 30%); -} - -/* Progress bar styling for classic theme */ -:root .wplace-progress, -.wplace-theme-classic .wplace-progress { - background: rgb(0 0 0 / 30%); - border: 1px solid rgb(255 255 255 / 10%); - border-radius: var(--wplace-radius); -} - -:root .wplace-progress-bar, -.wplace-theme-classic .wplace-progress-bar { - background: linear-gradient(135deg, var(--wplace-highlight) 0%, #9370db 100%); -} - -:root .wplace-progress-bar::after, -.wplace-theme-classic .wplace-progress-bar::after { - background: linear-gradient(90deg, transparent, rgb(255 255 255 / 30%), transparent); -} - -/* Header and sections styling for classic theme */ -:root .wplace-header-btn, -.wplace-theme-classic .wplace-header-btn { - background: rgb(255 255 255 / 10%); - color: var(--wplace-highlight); - border-radius: 4px; - font-family: var(--wplace-font); -} - -:root .wplace-header-btn:hover, -.wplace-theme-classic .wplace-header-btn:hover { - background: #222; - color: var(--wplace-text); -} - -/* Font and typography for classic theme */ -:root .wplace-turnstile-overlay, -.wplace-theme-classic .wplace-turnstile-overlay { - background: rgb(0 0 0 / 90%) !important; - border-radius: var(--wplace-radius) !important; - box-shadow: 0 8px 32px rgb(0 0 0 / 40%) !important; - backdrop-filter: var(--wplace-backdrop) !important; - border: 1px solid rgb(255 255 255 / 20%) !important; - color: var(--wplace-text) !important; - font-family: var(--wplace-font) !important; -} - -/* Auto light/dark support for classic theme */ -@media (prefers-color-scheme: light) { - :root .theme-auto, - .wplace-theme-classic .theme-auto { - --wplace-primary: #fff; - --wplace-secondary: #f5f5f5; - --wplace-accent: #007acc; - --wplace-text: #333; - } -} - -@media (prefers-color-scheme: dark) { - :root .theme-auto, - .wplace-theme-classic .theme-auto { - --wplace-primary: #1e1e1e; - --wplace-secondary: #2d2d30; - --wplace-accent: var(--wplace-highlight); - --wplace-text: #fff; - } -} - -/* Border and color styling for classic theme */ -:root .wplace-color-item-name, -.wplace-theme-classic .wplace-color-item-name { - color: #ccc; -} - -:root .wplace-color-swatch, -.wplace-theme-classic .wplace-color-swatch { - border: 1px solid rgb(255 255 255 / 20%); - border-radius: 4px; -} - -:root .wplace-stat-color-swatch, -.wplace-theme-classic .wplace-stat-color-swatch { - border-radius: 3px; - border: 1px solid rgb(255 255 255 / 10%); - box-shadow: inset 0 0 2px rgb(0 0 0 / 50%); -} - -:root .resize-tools button, -.wplace-theme-classic .resize-tools button { - border-radius: 6px; - border: 1px solid rgb(255 255 255 / 20%); - background: rgb(255 255 255 / 6%); - color: #fff; -} - -:root .resize-slider, -.wplace-theme-classic .resize-slider { - background: #ccc; - border-radius: var(--wplace-radius); -} - -/* Text effects and filters for classic theme */ -:root .wplace-color-swatch:not(.active), -.wplace-theme-classic .wplace-color-swatch:not(.active) { - filter: grayscale(80%); -} - -:root .wplace-color-swatch.unavailable, -.wplace-theme-classic .wplace-color-swatch.unavailable { - border-color: #666; -} - -:root .wplace-color-swatch.unavailable:not(.active), -.wplace-theme-classic .wplace-color-swatch.unavailable:not(.active) { - filter: grayscale(90%); -} - -:root .wplace-color-swatch.active::after, -.wplace-theme-classic .wplace-color-swatch.active::after { - text-shadow: 0 0 3px black; -} - -/* Icon colors for classic theme */ -:root .wplace-icon-key, -.wplace-theme-classic .wplace-icon-key { - color: #4facfe; -} - -:root .wplace-icon-robot, -.wplace-theme-classic .wplace-icon-robot { - color: #4facfe; -} - -:root .wplace-icon-speed, -.wplace-theme-classic .wplace-icon-speed { - color: #4facfe; -} - -:root .wplace-icon-bell, -.wplace-theme-classic .wplace-icon-bell { - color: #ffd166; -} - -:root .wplace-icon-palette, -.wplace-theme-classic .wplace-icon-palette { - color: #f093fb; -} - -:root .wplace-icon-globe, -.wplace-theme-classic .wplace-icon-globe { - color: #ffeaa7; -} - -:root .wplace-icon-paint, -.wplace-theme-classic .wplace-icon-paint { - color: #4facfe; -} - -:root .wplace-icon-eye, -.wplace-theme-classic .wplace-icon-eye { - color: var(--wplace-highlight); -} - -/* Form controls and sliders for classic theme */ -:root .wplace-slider, -.wplace-theme-classic .wplace-slider { - background: linear-gradient(to right, #4facfe 0%, #00f2fe 100%); - border-radius: 4px; -} - -:root .wplace-slider::-webkit-slider-thumb, -.wplace-theme-classic .wplace-slider::-webkit-slider-thumb { - -webkit-appearance: none; - width: 16px; - height: 16px; - border-radius: 50%; - background: var(--wplace-slider-thumb-bg); - border: none; - cursor: pointer; - transition: all 0.2s ease; -} - -:root .wplace-speed-slider, -.wplace-theme-classic .wplace-speed-slider { - background: linear-gradient(to right, #4facfe 0%, #00f2fe 100%); - border-radius: 4px; -} - -:root .wplace-speed-slider::-webkit-slider-thumb, -.wplace-theme-classic .wplace-speed-slider::-webkit-slider-thumb { - border-radius: 50%; - border: 2px solid; -} - -:root .wplace-speed-slider::-moz-range-thumb, -.wplace-theme-classic .wplace-speed-slider::-moz-range-thumb { - border-radius: 50%; - border: 2px solid; -} - -:root .wplace-turnstile-title, -.wplace-theme-classic .wplace-turnstile-title { - color: var(--wplace-text) !important; -} - -:root .wplace-turnstile-hide-btn, -.wplace-theme-classic .wplace-turnstile-hide-btn { - color: var(--wplace-text) !important; - border: 1px solid rgb(255 255 255 / 20%) !important; - border-radius: 6px !important; -} - -:root .wplace-turnstile-hide-btn:hover, -.wplace-theme-classic .wplace-turnstile-hide-btn:hover { - background: rgb(255 255 255 / 10%) !important; -} - -:root .wplace-settings-select, -.wplace-theme-classic .wplace-settings-select { - background: rgb(255 255 255 / 15%); - color: white; - border: 1px solid rgb(255 255 255 / 20%); - border-radius: 8px; - box-shadow: 0 3px 10px rgb(0 0 0 / 10%); -} - -:root .wplace-settings-option, -.wplace-theme-classic .wplace-settings-option { - background: #2d3748; - color: white; -} - -:root .wplace-stat-colors-grid, -.wplace-theme-classic .wplace-stat-colors-grid { - background: rgb(0 0 0 / 20%); - border-radius: 4px; -} - -:root .resize-overlay, -.wplace-theme-classic .resize-overlay { - background: rgb(0 0 0 / 80%); -} - -:root .wplace-overlay, -.wplace-theme-classic .wplace-overlay { - background: rgb(0 0 0 / 80%); -} - -:root .wplace-settings-error, -.wplace-theme-classic .wplace-settings-error { - background: rgb(255 0 0 / 40%) !important; -} - -/* Settings sections and batch controls for classic theme */ -:root .wplace-settings-section-wrapper, -.wplace-theme-classic .wplace-settings-section-wrapper { - background: rgb(255 255 255 / 10%); - border-radius: var(--wplace-radius); - border: 1px solid rgb(255 255 255 / 10%); -} - -:root .wplace-batch-controls, -.wplace-theme-classic .wplace-batch-controls { - background: rgb(255 255 255 / 10%); - border-radius: var(--wplace-radius); - border: 1px solid rgb(255 255 255 / 10%); -} - -: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%); - border-radius: 8px; - color: white; - box-shadow: 0 3px 10px rgb(79 172 254 / 30%); - border: 1px solid rgb(255 255 255 / 20%); -} - -/* Additional elements for classic theme */ -:root .wplace-color-divider, -.wplace-theme-classic .wplace-color-divider { - background: rgb(255 255 255 / 10%); -} - -:root .wplace-settings-select option, -.wplace-theme-classic .wplace-settings-select option { - background: #2d3748; - color: white; -} - -:root .wplace-settings-description, -.wplace-theme-classic .wplace-settings-description { - color: rgb(255 255 255 / 70%); -} - -:root .wplace-settings-apply-btn, -.wplace-theme-classic .wplace-settings-apply-btn { - background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%); - color: white; - border-radius: 8px; -} - -/* Dual control layout styling for classic theme */ -:root .wplace-dual-control-compact, -.wplace-theme-classic .wplace-dual-control-compact { - display: flex; - flex-direction: row; - align-items: center; - gap: 12px; - margin: 8px 0; - flex-wrap: wrap; -} - -:root .wplace-slider-container-compact, -.wplace-theme-classic .wplace-slider-container-compact { - display: flex; - align-items: center; - gap: 8px; - flex: 1; - min-width: 160px; -} - -:root .wplace-speed-slider-container-compact, -.wplace-theme-classic .wplace-speed-slider-container-compact { - display: flex; - align-items: center; - gap: 8px; - flex: 1; - min-width: 160px; -} - -:root .wplace-input-group-compact, -.wplace-theme-classic .wplace-input-group-compact { - display: flex; - align-items: center; - gap: 4px; - flex-shrink: 0; -} - -:root .wplace-input-btn-compact, -.wplace-theme-classic .wplace-input-btn-compact { - background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%); - color: white; - border: none; - border-radius: 4px; - width: 22px; - height: 22px; - cursor: pointer; - font-weight: bold; - font-size: 12px; - display: flex; - align-items: center; - justify-content: center; - transition: all 0.2s ease; - box-shadow: 0 2px 4px rgba(0,0,0,0.2); -} - -:root .wplace-input-btn-compact:hover, -.wplace-theme-classic .wplace-input-btn-compact:hover { - transform: translateY(-1px); - box-shadow: 0 4px 8px rgba(0,0,0,0.3); - background: linear-gradient(135deg, #00f2fe 0%, #4facfe 100%); -} - -:root .wplace-input-btn-compact:active, -.wplace-theme-classic .wplace-input-btn-compact:active { - transform: translateY(0); - box-shadow: 0 2px 4px rgba(0,0,0,0.2); -} - -:root .wplace-number-input-compact, -.wplace-theme-classic .wplace-number-input-compact { - background: rgba(255,255,255,0.1); - border: 1px solid rgba(255,255,255,0.2); - border-radius: 4px; - color: white; - padding: 4px 8px; - font-size: 12px; - width: 50px; - text-align: center; - transition: all 0.2s ease; - height: 22px; -} - -:root .wplace-number-input-compact:focus, -.wplace-theme-classic .wplace-number-input-compact:focus { - outline: none; - border-color: #4facfe; - box-shadow: 0 0 0 3px rgba(79, 172, 254, 0.3); - background: rgba(255,255,255,0.15); -} - -:root .wplace-input-label-compact, -.wplace-theme-classic .wplace-input-label-compact { - color: rgba(255,255,255,0.8); - font-size: 11px; - margin-left: 4px; - white-space: nowrap; -} - -:root .wplace-batch-size-header, -.wplace-theme-classic .wplace-batch-size-header { - margin-bottom: 8px; -} - -:root .wplace-batch-size-label, -.wplace-theme-classic .wplace-batch-size-label { - color: var(--wplace-highlight); - font-weight: 500; - font-size: 13px; -} - -/* Cooldown control styling for classic theme */ -:root .wplace-cooldown-control, -.wplace-theme-classic .wplace-cooldown-control { - margin: 12px 0; -} - -:root .wplace-cooldown-control label, -.wplace-theme-classic .wplace-cooldown-control label { - color: var(--wplace-highlight); - font-weight: 500; - font-size: 13px; - margin-bottom: 8px; - display: block; -} - -/* Resize dialog styling for classic theme */ -:root .resize-container, -.wplace-theme-classic .resize-container { - background: #000; - border: 1px solid #fff; - border-radius: 12px; - box-shadow: 0 0 20px rgb(0 0 0 / 50%); -} diff --git a/themes/neon.css b/themes/neon.css deleted file mode 100644 index 1daa02b..0000000 --- a/themes/neon.css +++ /dev/null @@ -1,519 +0,0 @@ -/* WPlace Auto-Image Bot - Neon Theme */ -/* Retro cyberpunk aesthetic with green neon glow effects */ - -.wplace-theme-neon { - /* Neon theme colors - matching upstream main neon theme */ - --wplace-primary: #1a1a2e; - --wplace-secondary: #16213e; - --wplace-accent: #0f3460; - --wplace-text: #00ff41; - --wplace-highlight: #ff6b35; - --wplace-success: #39ff14; - --wplace-error: #ff073a; - --wplace-warning: #ff0; - - /* Neon UI properties */ - --wplace-radius: 0; - --wplace-border-style: solid; - --wplace-border-width: 2px; - --wplace-border-color: #00ff41; - --wplace-shadow: 0 0 20px rgb(0 255 65 / 30%), inset 0 0 20px rgb(0 255 65 / 10%); - --wplace-backdrop: none; - --wplace-font: 'Press Start 2P', monospace, 'Courier New'; - - /* Z-index layers */ - --wplace-z-overlay: 10000; - --wplace-z-alert: 10002; - --wplace-z-settings: 10002; - - /* Feature toggles */ - --wplace-scanline: 1; - --wplace-pixel-blink: 1; - - /* Icon colors - neon variants */ - --wplace-icon-primary: #00ff41; - --wplace-icon-secondary: #39ff14; - --wplace-icon-palette: #ff6b35; - - /* Additional UI colors - neon variants */ - --wplace-danger: #ff073a; - --wplace-danger-dark: #cc0531; - --wplace-muted-text: #00ff4180; - --wplace-highlight-secondary: #fa0; - - /* Text variants - neon style */ - --wplace-text-secondary: #00ff41dd; - --wplace-text-muted: #00ff41bb; - --wplace-text-dim: #00ff4199; - --wplace-text-faded: #00ff41cc; - - /* Background variants - neon style */ - --wplace-bg-input: rgb(0 255 65 / 15%); - --wplace-bg-subtle: rgb(0 255 65 / 8%); - --wplace-bg-faint: rgb(0 255 65 / 5%); - --wplace-bg-ghost: rgb(0 255 65 / 3%); - --wplace-bg-whisper: rgb(0 255 65 / 2%); - - /* Border variants - neon style */ - --wplace-border-subtle: rgb(0 255 65 / 40%); - --wplace-border-faint: rgb(0 255 65 / 25%); - --wplace-border-ghost: rgb(0 255 65 / 15%); - --wplace-border-ultra-faint: rgb(0 255 65 / 8%); - - /* Shadow variants - neon style */ - --wplace-shadow-drag: 0 12px 40px rgb(0 255 65 / 60%), 0 0 0 2px rgb(0 255 65 / 80%), 0 0 20px rgb(0 255 65 / 30%); - --wplace-shadow-notification: 0 4px 12px rgb(0 255 65 / 40%), 0 0 15px rgb(0 255 65 / 20%); - --wplace-shadow-slider-thumb: 0 3px 6px rgb(0 255 65 / 50%), 0 0 0 2px var(--wplace-icon-primary), 0 0 10px rgb(0 255 65 / 30%); - --wplace-shadow-slider-hover: 0 4px 8px rgb(0 255 65 / 60%), 0 0 0 3px var(--wplace-icon-primary), 0 0 15px rgb(0 255 65 / 40%); - - /* Animation colors - neon style */ - --wplace-pulse-start: rgb(0 255 65 / 80%); - --wplace-pulse-mid: rgb(0 255 65 / 0%); - --wplace-pulse-end: rgb(0 255 65 / 0%); - - /* Slider colors - neon style */ - --wplace-slider-thumb-bg: #00ff41; -} - -/* Neon-specific styling overrides */ -.wplace-theme-neon #wplace-image-bot-container { - background: var(--wplace-primary) !important; - border: 2px solid var(--wplace-text) !important; - border-radius: 0 !important; - box-shadow: 0 0 20px var(--wplace-text), inset 0 0 20px rgb(0 255 65 / 10%) !important; - font-family: var(--wplace-font) !important; -} - -.wplace-theme-neon #wplace-stats-container { - background: var(--wplace-primary) !important; - border: 2px solid var(--wplace-text) !important; - border-radius: 0 !important; - box-shadow: 0 0 20px var(--wplace-text), inset 0 0 20px rgb(0 255 65 / 10%) !important; - font-family: var(--wplace-font) !important; - position: fixed !important; - overflow: hidden !important; - z-index: 9998 !important; -} - -.wplace-theme-neon .wplace-header { - background: var(--wplace-secondary) !important; - border-bottom: 1px solid var(--wplace-text) !important; - color: var(--wplace-text) !important; - text-shadow: 0 0 10px var(--wplace-text) !important; - font-family: var(--wplace-font) !important; -} - -.wplace-theme-neon .wplace-section { - background: rgb(22 33 62 / 50%) !important; - border: 1px solid var(--wplace-text) !important; - border-radius: 0 !important; -} - -.wplace-theme-neon .wplace-status-section { - background: rgb(22 33 62 / 50%) !important; - border: 1px solid var(--wplace-text) !important; - border-radius: 0 !important; -} - -.wplace-theme-neon .wplace-section-title { - color: var(--wplace-text) !important; - text-shadow: 0 0 8px var(--wplace-text) !important; - text-transform: uppercase !important; - font-family: var(--wplace-font) !important; - font-size: 10px !important; -} - -.wplace-theme-neon .wplace-btn { - background: var(--wplace-secondary) !important; - border: 1px solid var(--wplace-text) !important; - border-radius: 0 !important; - color: var(--wplace-text) !important; - text-shadow: 0 0 5px var(--wplace-text) !important; - font-family: var(--wplace-font) !important; - font-size: 9px !important; - text-transform: uppercase !important; -} - -/* Pixel blinking and neon glow animation for buttons */ -.wplace-theme-neon .wplace-btn:hover:not(:disabled) { - box-shadow: 0 0 15px var(--wplace-text), inset 0 0 15px rgb(0 255 65 / 10%) !important; - animation: pixel-blink 0.5s infinite, neon-glow 1s ease-in-out infinite alternate !important; -} - -.wplace-theme-neon .wplace-btn-start { - background: var(--wplace-secondary) !important; - border-color: var(--wplace-success) !important; - color: var(--wplace-success) !important; - text-shadow: 0 0 8px var(--wplace-success) !important; -} - -.wplace-theme-neon .wplace-btn-stop { - background: var(--wplace-secondary) !important; - border-color: var(--wplace-error) !important; - color: var(--wplace-error) !important; - text-shadow: 0 0 8px var(--wplace-error) !important; -} - -.wplace-theme-neon .wplace-btn-upload { - background: var(--wplace-secondary) !important; - border: 1px dashed var(--wplace-highlight) !important; - color: var(--wplace-highlight) !important; - text-shadow: 0 0 8px var(--wplace-highlight) !important; -} - -.wplace-theme-neon .wplace-btn-select { - background: var(--wplace-secondary) !important; - border-color: var(--wplace-highlight) !important; - color: var(--wplace-highlight) !important; - text-shadow: 0 0 8px var(--wplace-highlight) !important; -} - -.wplace-theme-neon .wplace-btn-file { - background: var(--wplace-secondary) !important; - border-color: var(--wplace-warning) !important; - color: var(--wplace-warning) !important; - text-shadow: 0 0 8px var(--wplace-warning) !important; -} - -.wplace-theme-neon .wplace-progress { - background: rgb(0 0 0 / 80%) !important; - border: 1px solid var(--wplace-text) !important; - border-radius: 0 !important; -} - -.wplace-theme-neon .wplace-progress-bar { - background: linear-gradient(90deg, var(--wplace-success) 0%, var(--wplace-text) 100%) !important; - box-shadow: 0 0 10px var(--wplace-success) !important; -} - -.wplace-theme-neon .wplace-stat-value { - color: var(--wplace-text) !important; - text-shadow: 0 0 5px var(--wplace-text) !important; -} - -.wplace-theme-neon .status-success { - background: rgb(57 255 20 / 10%) !important; - border-color: var(--wplace-success) !important; - color: var(--wplace-success) !important; - box-shadow: 0 0 15px var(--wplace-success) !important; - text-shadow: 0 0 8px var(--wplace-success) !important; -} - -.wplace-theme-neon .status-error { - background: rgb(255 7 58 / 10%) !important; - border-color: var(--wplace-error) !important; - color: var(--wplace-error) !important; - box-shadow: 0 0 15px var(--wplace-error) !important; - text-shadow: 0 0 8px var(--wplace-error) !important; -} - -.wplace-theme-neon .status-default { - background: rgb(0 255 65 / 10%) !important; - border-color: var(--wplace-text) !important; - color: var(--wplace-text) !important; - text-shadow: 0 0 5px var(--wplace-text) !important; -} - -/* Settings dialog neon styling */ -.wplace-theme-neon #wplace-settings-container { - background: var(--wplace-primary) !important; - border: 2px solid var(--wplace-text) !important; - border-radius: 0 !important; - box-shadow: 0 0 30px var(--wplace-text), inset 0 0 30px rgb(0 255 65 / 10%) !important; - font-family: var(--wplace-font) !important; -} - -.wplace-theme-neon .wplace-settings-header { - background: var(--wplace-secondary) !important; - border-bottom: 1px solid var(--wplace-text) !important; -} - -.wplace-theme-neon .wplace-settings-header h3 { - color: var(--wplace-text) !important; - text-shadow: 0 0 10px var(--wplace-text) !important; - font-family: var(--wplace-font) !important; - font-size: 16px !important; - text-transform: uppercase !important; -} - -.wplace-theme-neon .wplace-settings-close-btn { - background: var(--wplace-secondary) !important; - border: 1px solid var(--wplace-text) !important; - border-radius: 0 !important; - color: var(--wplace-text) !important; -} - -.wplace-theme-neon .wplace-settings-close-btn:hover { - background: var(--wplace-error) !important; - box-shadow: 0 0 15px var(--wplace-error) !important; -} - -.wplace-theme-neon .wplace-settings-section-wrapper { - background: rgb(22 33 62 / 30%) !important; - border: 1px solid var(--wplace-text) !important; - border-radius: 0 !important; -} - -.wplace-theme-neon .wplace-settings-select { - background: var(--wplace-secondary) !important; - border: 1px solid var(--wplace-text) !important; - border-radius: 0 !important; - color: var(--wplace-text) !important; - font-family: var(--wplace-font) !important; - font-size: 11px !important; -} - -.wplace-theme-neon .wplace-settings-section-label { - color: var(--wplace-text) !important; - text-shadow: 0 0 8px var(--wplace-text) !important; - font-family: var(--wplace-font) !important; - font-size: 12px !important; - text-transform: uppercase !important; -} - -.wplace-theme-neon .wplace-speed-value { - background: var(--wplace-secondary) !important; - border: 1px solid var(--wplace-text) !important; - border-radius: 0 !important; - color: var(--wplace-text) !important; - text-shadow: 0 0 8px var(--wplace-text) !important; - font-family: var(--wplace-font) !important; - box-shadow: 0 0 10px rgb(0 255 65 / 30%) !important; -} - -.wplace-theme-neon .wplace-overlay-opacity-value { - background: var(--wplace-secondary) !important; - border: 1px solid var(--wplace-text) !important; - border-radius: 0 !important; - color: var(--wplace-text) !important; - 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 rgb(0 255 65 / 30%) !important; -} - -.wplace-theme-neon .wplace-slider::-webkit-slider-thumb, -.wplace-theme-neon .wplace-speed-slider::-webkit-slider-thumb, -.wplace-theme-neon .wplace-overlay-opacity-slider::-webkit-slider-thumb { - -webkit-appearance: none; - width: 16px; - height: 16px; - border-radius: 0 !important; - background: var(--wplace-slider-thumb-bg) !important; - border: 2px solid var(--wplace-text) !important; - cursor: pointer; - transition: all 0.2s ease; - box-shadow: 0 0 8px rgb(0 255 65 / 50%) !important; -} - -.wplace-theme-neon .wplace-slider::-webkit-slider-thumb:hover, -.wplace-theme-neon .wplace-speed-slider::-webkit-slider-thumb:hover, -.wplace-theme-neon .wplace-overlay-opacity-slider::-webkit-slider-thumb:hover { - transform: scale(1.1); - box-shadow: 0 0 15px var(--wplace-text) !important; -} - -/* Scanline animation for neon theme */ -.wplace-theme-neon #wplace-image-bot-container::before { - content: ''; - position: absolute; - top: 0; - left: 0; - right: 0; - height: 2px; - background: linear-gradient(90deg, transparent, var(--wplace-text), transparent); - z-index: 1; - pointer-events: none; - animation: scanline 3s linear infinite; - opacity: 0.7; -} - - -.wplace-theme-neon #wplace-stats-container::before { - content: ''; - position: absolute; - top: 0; - left: 0; - right: 0; - height: 2px; - background: linear-gradient(90deg, transparent, var(--wplace-text), transparent); - z-index: 1; - pointer-events: none; - animation: scanline-stats 4s linear infinite; - opacity: 0.7; -} - - -/* Text glow animations */ -@keyframes neon-glow { - 0%, 100% { - text-shadow: 0 0 5px currentcolor, 0 0 10px currentcolor, 0 0 15px currentcolor; - } - - 50% { - text-shadow: 0 0 2px currentcolor, 0 0 5px currentcolor, 0 0 8px currentcolor; - } -} - -@keyframes pixel-blink { - 0%, 50% { - opacity: 1; - } - - 51%, 100% { - opacity: 0.7; - } -} - -@keyframes scanline { - 0% { - transform: translateY(-100%); - } - - 100% { - transform: translateY(400px); - } -} - -@keyframes scanline-stats { - 0% { - transform: translateY(-100%); - } - - 100% { - transform: translateY(300px); - } -} - -/* Dual control layout styling for neon theme */ -.wplace-theme-neon .wplace-dual-control-compact { - display: flex; - flex-direction: row; - align-items: center; - gap: 8px; - margin: 6px 0; - flex-wrap: wrap; -} - -.wplace-theme-neon .wplace-slider-container-compact { - display: flex; - align-items: center; - gap: 6px; - flex: 1; - min-width: 160px; -} - -.wplace-theme-neon .wplace-speed-slider-container-compact { - display: flex; - align-items: center; - gap: 6px; - flex: 1; - min-width: 160px; -} - -.wplace-theme-neon .wplace-input-group-compact { - display: flex; - align-items: center; - gap: 3px; - flex-shrink: 0; -} - -.wplace-theme-neon .wplace-input-btn-compact { - background: var(--wplace-secondary) !important; - border: 1px solid var(--wplace-text) !important; - border-radius: 0 !important; - color: var(--wplace-text) !important; - width: 18px; - height: 18px; - cursor: pointer; - font-weight: bold; - font-size: 10px; - display: flex; - align-items: center; - justify-content: center; - transition: all 0.2s ease; - text-shadow: 0 0 5px var(--wplace-text) !important; - font-family: var(--wplace-font) !important; -} - -.wplace-theme-neon .wplace-input-btn-compact:hover { - box-shadow: 0 0 10px var(--wplace-text) !important; - animation: pixel-blink 0.5s infinite !important; -} - -.wplace-theme-neon .wplace-number-input-compact { - background: var(--wplace-secondary) !important; - border: 1px solid var(--wplace-text) !important; - border-radius: 0 !important; - color: var(--wplace-text) !important; - padding: 2px 4px; - font-size: 10px; - width: 40px; - text-align: center; - transition: all 0.2s ease; - height: 18px; - font-family: var(--wplace-font) !important; - text-shadow: 0 0 5px var(--wplace-text) !important; -} - -.wplace-theme-neon .wplace-number-input-compact:focus { - outline: none; - box-shadow: 0 0 10px var(--wplace-text) !important; - background: rgb(0 255 65 / 15%) !important; -} - -.wplace-theme-neon .wplace-input-label-compact { - color: var(--wplace-text) !important; - font-size: 9px; - margin-left: 3px; - white-space: nowrap; - text-shadow: 0 0 5px var(--wplace-text) !important; - font-family: var(--wplace-font) !important; - text-transform: uppercase; -} - -.wplace-theme-neon .wplace-batch-size-header { - margin-bottom: 6px; -} - -.wplace-theme-neon .wplace-batch-size-label { - color: var(--wplace-text) !important; - font-weight: 500; - font-size: 11px; - text-shadow: 0 0 8px var(--wplace-text) !important; - font-family: var(--wplace-font) !important; - text-transform: uppercase; -} - -/* Cooldown control styling for neon theme */ -.wplace-theme-neon .wplace-cooldown-control { - margin: 8px 0; -} - -.wplace-theme-neon .wplace-cooldown-control label { - color: var(--wplace-text) !important; - font-weight: 500; - font-size: 11px; - text-shadow: 0 0 8px var(--wplace-text) !important; - font-family: var(--wplace-font) !important; - text-transform: uppercase; - margin-bottom: 6px; - display: block; -} - -/* Resize dialog styling for neon theme */ -.wplace-theme-neon .resize-container { - background: #1a1a2e !important; - border: 3px solid #00ff41 !important; - border-radius: 0 !important; - box-shadow: 0 0 30px rgb(0 255 65 / 50%) !important; - font-family: 'Press Start 2P', monospace !important; -} -