:root { /* Colors (Default Dark Theme) */ --background-desktop: #333; --window-background: #2d2d2d; --window-border-color: #444444; --window-border-color-focused: #888888; --title-bar-background: #1e1e1e; --title-bar-text-color: #ffffff; --content-text-color: #ffffff; --control-btn-minimize-bg: #fbc531; --control-btn-maximize-bg: #4cd137; --control-btn-close-bg: #e84118; --taskbar-background: rgba(0, 0, 0, 0.5); --taskbar-item-background: rgba(255, 255, 255, 0.1); --taskbar-item-background-hover: rgba(255, 255, 255, 0.2); --taskbar-item-background-active: rgba(255, 255, 255, 0.3); --taskbar-item-text-color: #ffffff; --taskbar-item-border-color: rgba(255, 255, 255, 0.2); --start-menu-background: var(--window-background); --start-menu-border-color: var(--window-border-color); /* Shadows */ --shadow-window: 0 10px 30px rgba(0, 0, 0, 0.2); --shadow-button: 0 4px 10px rgba(0, 0, 0, 0.2); /* Corner Radius */ --rounded-window: 8px; --rounded-button: 6px; --rounded-control-btn: 50%; /* Z-Indexes */ --z-window-base: 100; --z-taskbar: 9999; --z-start-menu: 10000; --z-resizer: 1; } /* Light Theme */ .theme-light { --background-desktop: #f0f0f0; --window-background: #ffffff; --window-border-color: #cccccc; --window-border-color-focused: #aaaaaa; --title-bar-background: #f1f1f1; --title-bar-text-color: #000000; --content-text-color: #000000; --taskbar-background: rgba(255, 255, 255, 0.7); --taskbar-item-background: rgba(0, 0, 0, 0.05); --taskbar-item-background-hover: rgba(0, 0, 0, 0.1); --taskbar-item-background-active: rgba(0, 0, 0, 0.15); --taskbar-item-text-color: #000000; --taskbar-item-border-color: rgba(0, 0, 0, 0.1); --start-menu-background: var(--window-background); --start-menu-border-color: var(--window-border-color); } /* Basic body styles */ body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; margin: 0; padding: 0; overflow: hidden; background-color: var(--background-desktop); transition: background-color 0.3s ease; }