feat: theme - 02

2026-03-12 20:13:50 +01:00
parent 09c3e14dea
commit e25d43200f
14 changed files with 295 additions and 9 deletions
@@ -0,0 +1,53 @@
+:root[data-theme-family="fluent-neon"][data-color-mode="dark"] {
+  --color-page-bg: #11161d;
+  --color-surface: #1a2430;
+  --color-surface-elevated: #202d3c;
+  --color-border: #38506a;
+  --color-border-strong: #67c9ff;
+  --color-text-primary: #edf7ff;
+  --color-text-muted: #9fb4c7;
+  --color-accent: #3fb4ff;
+  --color-accent-contrast: #05233d;
+  --color-selection-bg: #1f4460;
+  --color-selection-border: #70d2ff;
+  --color-current-row-bg: #1a364d;
+  --color-current-row-border: #8fbeff;
+  --color-active-pane-border: #70d2ff;
+  --color-button-bg: #21405a;
+  --color-button-hover: #29506f;
+  --color-button-secondary-bg: #1a3146;
+  --color-list-header-bg: rgba(63, 180, 255, 0.08);
+  --color-list-row-hover: rgba(63, 180, 255, 0.08);
+  --color-danger: #f1a5a5;
+  --color-danger-bg: #53292f;
+  --color-overlay-bg: rgba(8, 12, 18, 0.64);
+  --shadow-panel: 0 10px 24px rgba(0, 20, 40, 0.24);
+  --shadow-elevated: 0 20px 44px rgba(0, 22, 44, 0.34);
+}
+
+:root[data-theme-family="fluent-neon"][data-color-mode="light"] {
+  --color-page-bg: #eff7ff;
+  --color-surface: #ffffff;
+  --color-surface-elevated: #e8f3ff;
+  --color-border: #c8ddf4;
+  --color-border-strong: #66b8ff;
+  --color-text-primary: #132536;
+  --color-text-muted: #667f95;
+  --color-accent: #0d89ec;
+  --color-accent-contrast: #ffffff;
+  --color-selection-bg: #dff1ff;
+  --color-selection-border: #6cc6ff;
+  --color-current-row-bg: #edf7ff;
+  --color-current-row-border: #8fbfff;
+  --color-active-pane-border: #4bb4ff;
+  --color-button-bg: #dfeeff;
+  --color-button-hover: #d0e6ff;
+  --color-button-secondary-bg: #edf5ff;
+  --color-list-header-bg: rgba(13, 137, 236, 0.05);
+  --color-list-row-hover: rgba(13, 137, 236, 0.05);
+  --color-danger: #bb3845;
+  --color-danger-bg: #fde8eb;
+  --color-overlay-bg: rgba(18, 34, 50, 0.22);
+  --shadow-panel: 0 10px 22px rgba(33, 102, 176, 0.12);
+  --shadow-elevated: 0 20px 42px rgba(33, 102, 176, 0.18);
+}