Ivan Fontosh
115 lines
4.0 KiB
CSS
115 lines
4.0 KiB
CSS
/* ==========================================================================
|
|
Дизайн-токены (общие для всех окон). Импортируйте через globals.css.
|
|
========================================================================== */
|
|
|
|
:root {
|
|
/* --- Цвета: фон (legacy алиасы для body/globals) --- */
|
|
--bg0: #09090b;
|
|
--bg1: #09090b;
|
|
--color-bg-0: #09090b;
|
|
--color-bg-1: #09090b;
|
|
--color-bg-black: #000;
|
|
--color-overlay-dark: rgba(0, 0, 0, 0.15);
|
|
--color-overlay-dark-2: rgba(0, 0, 0, 0.18);
|
|
--color-overlay-dark-3: rgba(0, 0, 0, 0.25);
|
|
--color-overlay-dark-4: rgba(0, 0, 0, 0.28);
|
|
--color-overlay-dark-5: rgba(0, 0, 0, 0.45);
|
|
--color-overlay-dark-6: rgba(0, 0, 0, 0.55);
|
|
--color-overlay-dark-7: rgba(0, 0, 0, 0.65);
|
|
--color-scrim: rgba(0, 0, 0, 0.45);
|
|
--color-panel: rgba(255, 255, 255, 0.04);
|
|
--color-panel-2: rgba(255, 255, 255, 0.06);
|
|
--color-panel-3: rgba(255, 255, 255, 0.05);
|
|
--color-surface-elevated: rgba(10, 10, 14, 0.96);
|
|
--color-surface-elevated-2: rgba(10, 10, 14, 0.98);
|
|
--color-surface-menu: rgba(15, 16, 22, 0.98);
|
|
--color-tooltip-bg: rgba(20, 22, 28, 0.96);
|
|
|
|
/* --- Сцены: плитки (список, граф, пульт) --- */
|
|
--scene-tile-radius: 12px;
|
|
--scene-list-selected-bg: rgba(139, 92, 146, 0.1);
|
|
--scene-list-selected-border: rgba(139, 92, 146, 0.3);
|
|
--scene-list-hover-bg: rgba(139, 92, 146, 0.08);
|
|
--graph-node-active-border: rgba(139, 92, 146, 1);
|
|
|
|
/* --- Редактор: колонки --- */
|
|
--editor-column-bg: #18181b;
|
|
|
|
/* --- Цвета: обводка --- */
|
|
--stroke: rgba(255, 255, 255, 0.08);
|
|
--stroke2: rgba(255, 255, 255, 0.12);
|
|
--stroke-2: rgba(255, 255, 255, 0.12);
|
|
--stroke-light: rgba(255, 255, 255, 0.12);
|
|
--stroke-handle: rgba(167, 139, 250, 0.9);
|
|
|
|
/* --- Цвета: текст --- */
|
|
--text0: rgba(255, 255, 255, 0.92);
|
|
--text1: rgba(255, 255, 255, 0.72);
|
|
--text2: rgba(255, 255, 255, 0.52);
|
|
--panel: rgba(255, 255, 255, 0.04);
|
|
--panel2: rgba(255, 255, 255, 0.06);
|
|
--text-on-accent: rgba(255, 255, 255, 0.98);
|
|
--text-muted-on-dark: rgba(255, 255, 255, 0.85);
|
|
--text-muted-on-dark-2: rgba(255, 255, 255, 0.9);
|
|
|
|
/* --- Цвета: акцент / бренд --- */
|
|
--accent: #7c3aed;
|
|
--accent2: #a78bfa;
|
|
--accent-border: rgba(124, 58, 237, 0.55);
|
|
--accent-border-strong: rgba(124, 58, 237, 0.85);
|
|
--accent-fill-soft: rgba(124, 58, 237, 0.1);
|
|
--accent-fill-soft-2: rgba(124, 58, 237, 0.12);
|
|
--accent-fill-solid: rgba(124, 58, 237, 0.92);
|
|
--accent-glow: rgba(124, 58, 237, 0.35);
|
|
--selection-bg: rgba(124, 58, 237, 0.35);
|
|
|
|
/* --- Цвета: опасность / ошибка --- */
|
|
--color-danger: rgba(248, 113, 113, 0.95);
|
|
--color-danger-icon: #e5484d;
|
|
|
|
/* --- Тени --- */
|
|
--shadow: 0 24px 60px rgba(0, 0, 0, 0.55);
|
|
--shadow-lg: 0 18px 60px rgba(0, 0, 0, 0.55);
|
|
--shadow-xl: 0 24px 80px rgba(0, 0, 0, 0.6);
|
|
--shadow-menu: 0 12px 40px rgba(0, 0, 0, 0.55);
|
|
--shadow-tooltip: 0 8px 24px rgba(0, 0, 0, 0.45);
|
|
--shadow-title: 0 4px 24px rgba(0, 0, 0, 0.65);
|
|
--shadow-start-badge: 0 4px 12px rgba(0, 0, 0, 0.35);
|
|
|
|
/* --- Скругления --- */
|
|
--radius-lg: 16px;
|
|
--radius-md: 12px;
|
|
--radius-sm: 10px;
|
|
--radius-xs: 8px;
|
|
--radius-pill: 999px;
|
|
|
|
/* --- Типографика --- */
|
|
--font:
|
|
'Nimbus Sans', 'Nimbus Sans L', 'Nimbus Sans OT', 'Nimbus Sans PS', ui-sans-serif, system-ui,
|
|
-apple-system, 'Segoe UI', Roboto, Helvetica, Arial, 'Apple Color Emoji', 'Segoe UI Emoji';
|
|
--text-xs: 12px;
|
|
--text-sm: 13px;
|
|
--text-md: 14px;
|
|
--text-lg: 16px;
|
|
--text-xl: 18px;
|
|
--text-title-lg: 42px;
|
|
|
|
/* --- Вёрстка: сетка редактора --- */
|
|
--topbar-h: 56px;
|
|
--sidebar-w: 280px;
|
|
--inspector-w: 380px;
|
|
--gap: 16px;
|
|
--pad: 16px;
|
|
|
|
/* --- Z-index --- */
|
|
--z-menu-backdrop: 9999;
|
|
--z-modal-backdrop: 20000;
|
|
--z-modal: 20001;
|
|
--z-file-menu: 40000;
|
|
--z-tooltip: 200000;
|
|
|
|
/* --- Прочее --- */
|
|
--backdrop-blur-shell: blur(14px);
|
|
--backdrop-blur-surface: blur(18px);
|
|
}
|