forked from retoor/devplacepy
81 lines
2.0 KiB
CSS
81 lines
2.0 KiB
CSS
/* retoor <retoor@molodetz.nl> */
|
|
|
|
:root {
|
|
--bg-primary: #080413;
|
|
--bg-secondary: #120821;
|
|
--bg-card: #1a1030;
|
|
--bg-card-hover: #241640;
|
|
--bg-input: #140b26;
|
|
--bg-modal: #1a1030;
|
|
|
|
--accent: #ff6b35;
|
|
--accent-rgb: 255, 107, 53;
|
|
--accent-hover: #ff7d4d;
|
|
--accent-light: rgba(255, 107, 53, 0.12);
|
|
--accent-2: #ff4f8b;
|
|
--accent-gradient: linear-gradient(135deg, #ff6b3d, #ff4f6d);
|
|
|
|
--text-primary: #f4eefb;
|
|
--text-secondary: #b8a8d0;
|
|
--text-muted: #7a6a90;
|
|
|
|
--border: rgba(255, 255, 255, 0.08);
|
|
--border-light: rgba(255, 255, 255, 0.14);
|
|
|
|
--success: #4caf50;
|
|
--warning: #ff9800;
|
|
--danger: #e53935;
|
|
--info: #42a5f5;
|
|
|
|
--radius: 12px;
|
|
--radius-input: 14px;
|
|
--radius-lg: 18px;
|
|
--radius-xl: 24px;
|
|
|
|
--shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.25);
|
|
--shadow: 0 4px 20px rgba(0, 0, 0, 0.28);
|
|
--shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.45);
|
|
--glow-accent: 0 6px 24px rgba(255, 95, 70, 0.45);
|
|
|
|
--white: #fff;
|
|
--overlay-dark: rgba(0, 0, 0, 0.7);
|
|
--overlay-light: rgba(255, 255, 255, 0.05);
|
|
|
|
--space-xs: 0.25rem;
|
|
--space-sm: 0.5rem;
|
|
--space-md: 0.75rem;
|
|
--space-lg: 1rem;
|
|
--space-xl: 1.5rem;
|
|
--space-2xl: 2rem;
|
|
|
|
--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
|
|
--font-mono: "SF Mono", Monaco, "Cascadia Code", monospace;
|
|
|
|
--nav-height: 56px;
|
|
--sidebar-width: 240px;
|
|
--max-content: 1200px;
|
|
|
|
--z-fab: 900;
|
|
--z-nav-overlay: 998;
|
|
--z-nav-panel: 999;
|
|
--z-nav: 1000;
|
|
--z-nav-drop: 1001;
|
|
--z-modal: 2000;
|
|
--z-popover: 2100;
|
|
--z-lightbox: 10000;
|
|
--z-chrome-fw: 2147480000;
|
|
--z-chrome-devii: 2147483000;
|
|
--z-chrome-toast: 2147483400;
|
|
--z-chrome-menu: 2147483500;
|
|
--z-chrome-dialog: 2147483647;
|
|
|
|
--topic-devlog: #7c4dff;
|
|
--topic-showcase: #00bfa5;
|
|
--topic-question: #448aff;
|
|
--topic-rant: #ff5252;
|
|
--topic-fun: #ffab00;
|
|
--topic-politics: #00bcd4;
|
|
|
|
--bg-gradient: linear-gradient(135deg, #080413 0%, #160a28 50%, #080413 100%);
|
|
}
|