DNDGamePlayer: Electron редактор сцен, презентация, упаковка electron-builder

Made-with: Cursor
2026-04-19 14:16:54 +08:00
commit a6cbcc273e
82 changed files with 22195 additions and 0 deletions
@@ -0,0 +1,114 @@
+/* ==========================================================================
+   Дизайн-токены (общие для всех окон). Импортируйте через 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);
+}