themes decoupled claude limit reached test what it has build

themes/classic.css

@@ -0,0 +1,616 @@
+/* WPlace Auto-Image Bot - Classic Theme */
+/* Clean, modern UI with gradients and subtle effects */
+
+:root {
+  /* Classic theme colors - exact upstream main values */
+  --wplace-primary: linear-gradient(135deg, #000000 0%, #1a1a1a 100%);
+  --wplace-secondary: linear-gradient(135deg, #111111 0%, #2a2a2a 100%);
+  --wplace-accent: #222222;
+  --wplace-text: #ffffff;
+  --wplace-highlight: #775ce3;
+  --wplace-success: #00ff00;
+  --wplace-error: #ff0000;
+  --wplace-warning: #ffaa00;
+
+  /* UI properties */
+  --wplace-radius: 12px;
+  --wplace-border-style: solid;
+  --wplace-border-width: 1px;
+  --wplace-border-color: #222222;
+  --wplace-shadow: 0 8px 32px rgba(0,0,0,0.6), 0 0 0 1px rgba(255,255,255,0.1);
+  --wplace-backdrop: blur(10px);
+  --wplace-font: 'Segoe UI', Roboto, sans-serif;
+
+  /* Z-index layers */
+  --wplace-z-overlay: 10000;
+  --wplace-z-alert: 10002;
+  --wplace-z-settings: 10002;
+
+  /* Feature toggles */
+  --wplace-scanline: 0;
+  --wplace-pixel-blink: 0;
+}
+
+.wplace-theme--classic {
+  --wplace-primary: linear-gradient(135deg, #000000 0%, #1a1a1a 100%);
+  --wplace-secondary: linear-gradient(135deg, #111111 0%, #2a2a2a 100%);
+  --wplace-accent: #222222;
+  --wplace-text: #ffffff;
+  --wplace-highlight: #775ce3;
+  --wplace-success: #00ff00;
+  --wplace-error: #ff0000;
+  --wplace-warning: #ffaa00;
+
+  --wplace-radius: 12px;
+  --wplace-shadow: 0 8px 32px rgba(0,0,0,0.6), 0 0 0 1px rgba(255,255,255,0.1);
+  --wplace-backdrop: blur(10px);
+  --wplace-font: 'Segoe UI', Roboto, sans-serif;
+
+  --wplace-scanline: 0;
+  --wplace-pixel-blink: 0;
+}
+
+/* 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);
+}
+
+: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);
+}
+
+:root .wplace-section,
+.wplace-theme--classic .wplace-section {
+  border-radius: var(--wplace-radius);
+}
+
+:root .wplace-stats,
+.wplace-theme--classic .wplace-stats {
+  border-radius: var(--wplace-radius);
+}
+
+: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);
+}
+
+: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, #222222 0%, #4a4a4a 100%);
+  border: 1px solid rgba(255,255,255,0.1);
+  color: var(--wplace-text);
+  border-radius: var(--wplace-radius);
+  font-family: var(--wplace-font);
+}
+
+:root .wplace-btn::before,
+.wplace-theme--classic .wplace-btn::before {
+  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.1), transparent);
+}
+
+:root .wplace-btn:hover:not(:disabled),
+.wplace-theme--classic .wplace-btn:hover:not(:disabled) {
+  box-shadow: 0 4px 12px rgba(0,0,0,0.4);
+}
+
+:root .wplace-btn:disabled,
+.wplace-theme--classic .wplace-btn:disabled {
+  box-shadow: none !important;
+}
+
+: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, #222222 0%, #6a5acd 100%);
+  color: var(--wplace-text);
+}
+
+:root .wplace-btn-upload,
+.wplace-theme--classic .wplace-btn-upload {
+  background: linear-gradient(135deg, #111111 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: #000000 !important;
+  border-color: var(--wplace-text) !important;
+  box-shadow: 0 0 8px rgba(0,0,0,0.25) inset, 0 0 6px rgba(0,0,0,0.2) !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 #000000); 
+}
+
+: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: #000000;
+  border-color: var(--wplace-text);
+  box-shadow: 0 0 8px rgba(0,0,0,0.25) inset, 0 0 6px rgba(0,0,0,0.2);
+}
+
+/* Status styling for classic theme */
+:root .status-default,
+.wplace-theme--classic .status-default {
+  background: rgba(255,255,255,0.1);
+  border-color: var(--wplace-text);
+  color: var(--wplace-text);
+}
+
+:root .status-success,
+.wplace-theme--classic .status-success {
+  background: rgba(0, 255, 0, 0.1);
+  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: rgba(255, 0, 0, 0.1);
+  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: rgba(255, 165, 0, 0.1);
+  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: rgba(255,255,255,0.1);
+  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 rgba(52, 152, 219, 0.3);
+}
+
+:root .wplace-alert-success,
+.wplace-theme--classic .wplace-alert-success {
+  background: linear-gradient(135deg, #27ae60, #229954);
+  box-shadow: 0 4px 12px rgba(39, 174, 96, 0.3);
+}
+
+:root .wplace-alert-warning,
+.wplace-theme--classic .wplace-alert-warning {
+  background: linear-gradient(135deg, #f39c12, #e67e22);
+  box-shadow: 0 4px 12px rgba(243, 156, 18, 0.3);
+}
+
+:root .wplace-alert-error,
+.wplace-theme--classic .wplace-alert-error {
+  background: linear-gradient(135deg, #e74c3c, #c0392b);
+  box-shadow: 0 4px 12px rgba(231, 76, 60, 0.3);
+}
+
+/* Progress bar styling for classic theme */
+:root .wplace-progress,
+.wplace-theme--classic .wplace-progress {
+  background: rgba(0,0,0,0.3);
+  border: 1px solid rgba(255,255,255,0.1);
+  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, rgba(255,255,255,0.3), transparent);
+}
+
+/* Header and sections styling for classic theme */
+:root .wplace-header-btn,
+.wplace-theme--classic .wplace-header-btn {
+  background: rgba(255,255,255,0.1);
+  color: var(--wplace-text);
+  border-radius: 4px;
+  font-family: var(--wplace-font);
+}
+
+:root .wplace-header-btn:hover,
+.wplace-theme--classic .wplace-header-btn:hover {
+  background: #222222;
+  color: var(--wplace-text);
+}
+
+:root .wplace-status-section,
+.wplace-theme--classic .wplace-status-section {
+  background: rgba(255, 255, 255, 0.03);
+  border: 1px solid rgba(255, 255, 255, 0.1);
+}
+
+:root .wplace-section,
+.wplace-theme--classic .wplace-section {
+  background: rgba(255, 255, 255, 0.03);
+  border: 1px solid rgba(255, 255, 255, 0.1);
+}
+
+:root .wplace-stats,
+.wplace-theme--classic .wplace-stats {
+  background: rgba(255, 255, 255, 0.03);
+  border: 1px solid rgba(255, 255, 255, 0.1);
+}
+
+/* Font and typography for classic theme */
+:root .wplace-turnstile-overlay,
+.wplace-theme--classic .wplace-turnstile-overlay {
+  background: rgba(0, 0, 0, 0.9) !important;
+  border-radius: var(--wplace-radius) !important;
+  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4) !important;
+  backdrop-filter: var(--wplace-backdrop) !important;
+  border: 1px solid rgba(255, 255, 255, 0.2) !important;
+  color: var(--wplace-text) !important;
+  font-family: var(--wplace-font) !important;
+}
+
+:root .wplace-alert-base,
+.wplace-theme--classic .wplace-alert-base {
+  font-family: var(--wplace-font);
+}
+
+/* Auto light/dark support for classic theme */
+@media (prefers-color-scheme: light) {
+  :root .theme-auto,
+  .wplace-theme--classic .theme-auto {
+    --wplace-primary: #ffffff;
+    --wplace-secondary: #f5f5f5;
+    --wplace-accent: #007acc;
+    --wplace-text: #333333;
+  }
+}
+
+@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: #ffffff;
+  }
+}
+
+/* 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 rgba(255, 255, 255, 0.2);
+  border-radius: 4px;
+}
+
+:root .wplace-stat-color-swatch,
+.wplace-theme--classic .wplace-stat-color-swatch {
+  border-radius: 3px;
+  border: 1px solid rgba(255, 255, 255, 0.1);
+  box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.5);
+}
+
+:root .resize-tools button,
+.wplace-theme--classic .resize-tools button {
+  border-radius: 6px;
+  border: 1px solid rgba(255, 255, 255, 0.2);
+  background: rgba(255, 255, 255, 0.06);
+  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-header,
+.wplace-theme--classic .wplace-header {
+  text-shadow: 0 1px 2px rgba(0,0,0,0.5);
+}
+
+:root .wplace-color-swatch:not(.active),
+.wplace-theme--classic .wplace-color-swatch:not(.active) {
+  filter: grayscale(80%);
+}
+
+: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-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: #444;
+  border-radius: 2px;
+}
+
+:root .wplace-slider::-webkit-slider-thumb,
+.wplace-theme--classic .wplace-slider::-webkit-slider-thumb {
+  border-radius: 50%;
+}
+
+:root .wplace-speed-slider,
+.wplace-theme--classic .wplace-speed-slider {
+  border-radius: 3px;
+}
+
+: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-color-swatch.unavailable,
+.wplace-theme--classic .wplace-color-swatch.unavailable {
+  border-color: #666;
+}
+
+: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 rgba(255, 255, 255, 0.2) !important;
+  border-radius: 6px !important;
+}
+
+:root .wplace-turnstile-hide-btn:hover,
+.wplace-theme--classic .wplace-turnstile-hide-btn:hover {
+  background: rgba(255, 255, 255, 0.1) !important;
+}
+
+:root .wplace-settings-select,
+.wplace-theme--classic .wplace-settings-select {
+  background: rgba(255,255,255,0.15);
+  color: white;
+  border: 1px solid rgba(255,255,255,0.2);
+  border-radius: 8px;
+  box-shadow: 0 3px 10px rgba(0,0,0,0.1);
+}
+
+: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: rgba(0, 0, 0, 0.2);
+  border-radius: 4px;
+}
+
+:root .resize-overlay,
+.wplace-theme--classic .resize-overlay {
+  background: rgba(0, 0, 0, 0.8);
+}
+
+:root .wplace-overlay,
+.wplace-theme--classic .wplace-overlay {
+  background: rgba(0, 0, 0, 0.8);
+}
+
+:root .wplace-settings-error,
+.wplace-theme--classic .wplace-settings-error {
+  background: rgba(255, 0, 0, 0.4) !important;
+}
+
+/* Settings sections and batch controls for classic theme */
+:root .wplace-settings-section-wrapper,
+.wplace-theme--classic .wplace-settings-section-wrapper {
+  background: rgba(255,255,255,0.1);
+  border-radius: var(--wplace-radius);
+  border: 1px solid rgba(255,255,255,0.1);
+}
+
+:root .wplace-batch-controls,
+.wplace-theme--classic .wplace-batch-controls {
+  background: rgba(255,255,255,0.1);
+  border-radius: var(--wplace-radius);
+  border: 1px solid rgba(255,255,255,0.1);
+}
+
+: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-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 rgba(79, 172, 254, 0.3);
+  border: 1px solid rgba(255,255,255,0.2);
+}
+
+/* Additional elements for classic theme */
+:root .wplace-color-divider,
+.wplace-theme--classic .wplace-color-divider {
+  background: rgba(255, 255, 255, 0.1);
+}
+
+: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: rgba(255,255,255,0.7);
+}
+
+: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;
+}

themes/neon.css

@@ -0,0 +1,304 @@
+/* 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: #ffff00;
+
+  /* Neon UI properties */
+  --wplace-radius: 0;
+  --wplace-border-style: solid;
+  --wplace-border-width: 2px;
+  --wplace-border-color: #00ff41;
+  --wplace-shadow: 0 0 20px rgba(0, 255, 65, 0.3), inset 0 0 20px rgba(0, 255, 65, 0.1);
+  --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;
+}
+
+/* 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 rgba(0, 255, 65, 0.1) !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 rgba(0, 255, 65, 0.1) !important;
+  font-family: var(--wplace-font) !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: rgba(22, 33, 62, 0.5) !important;
+  border: 1px solid var(--wplace-text) !important;
+  border-radius: 0 !important;
+}
+
+.wplace-theme--neon .wplace-status-section {
+  background: rgba(22, 33, 62, 0.5) !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;
+}
+
+.wplace-theme--neon .wplace-btn:hover:not(:disabled) {
+  box-shadow: 0 0 15px var(--wplace-text), inset 0 0 15px rgba(0, 255, 65, 0.1) !important;
+  animation: neonGlow 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: rgba(0, 0, 0, 0.8) !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: rgba(57, 255, 20, 0.1) !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: rgba(255, 7, 58, 0.1) !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: rgba(0, 255, 65, 0.1) !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 rgba(0, 255, 65, 0.1) !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: rgba(22, 33, 62, 0.3) !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 rgba(0, 255, 65, 0.3) !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;
+}
+
+/* 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 4s linear infinite;
+  opacity: 0.7;
+}
+
+/* Pixel blinking animation for buttons */
+.wplace-theme--neon .wplace-btn:hover:not(:disabled) {
+  animation: pixelBlink 0.5s infinite, neonGlow 1s ease-in-out infinite alternate;
+}
+
+/* Text glow animations */
+@keyframes neonGlow {
+  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 pixelBlink {
+  0%, 50% {
+    opacity: 1;
+  }
+  51%, 100% {
+    opacity: 0.7;
+  }
+}
+
+@keyframes scanline {
+  0% {
+    transform: translateY(-100%);
+  }
+  100% {
+    transform: translateY(400px);
+  }
+}