72 lines
2.1 KiB
CSS
72 lines
2.1 KiB
CSS
: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;
|
|
}
|