windows/assets/css/main.css

65 lines
1.8 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);
/* 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-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);
}
/* 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;
}