JonKazama-Hellion/Hellion-NewTab
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases 11 Wiki Activity

refactor(css): derive base accent tokens via color-mix from --accent

Browse Source
This commit is contained in:
Jon Kazama
2026-06-13 19:36:32 +02:00
parent ccbd27916c
commit df8a187af2
1 changed files with 13 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/css/main.css
+13 -5
View File
@@ -56,9 +56,15 @@
/* ---- BASE VARIABLES (Nebula = Default) ---- */ /* ---- BASE VARIABLES (Nebula = Default) ---- */
:root { :root {
--accent: #b359ff; --accent: #b359ff;
--accent-dim: rgba(179, 89, 255, 0.12); /* Akzent-Töne als Formel aus --accent abgeleitet (Spec Block 1, color-mix Mittelweg).
--accent-glow: rgba(179, 89, 255, 0.05); --*-pct ist die Pro-Theme-Alpha-Variable; Default = häufigster Wert über alle 11 Themes.
--border-accent: rgba(179, 92, 255, 0.25); Themes mit abweichendem Alpha überschreiben nur die Prozent-Variable im theme-Layer. */
--accent-dim-pct: 12%;
--accent-glow-pct: 8%;
--border-accent-pct: 25%;
--accent-dim: color-mix(in srgb, var(--accent) var(--accent-dim-pct), transparent);
--accent-glow: color-mix(in srgb, var(--accent) var(--accent-glow-pct), transparent);
--border-accent: color-mix(in srgb, var(--accent) var(--border-accent-pct), transparent);
--bg-primary: #050308; --bg-primary: #050308;
--bg-board: rgba(10, 6, 14, 0.55); --bg-board: rgba(10, 6, 14, 0.55);
--border: rgba(255, 255, 255, 0.06); --border: rgba(255, 255, 255, 0.06);
@@ -75,9 +81,11 @@
--spacing-compact: 5px; --spacing-compact: 5px;
--overlay-bg: radial-gradient(circle at center, rgba(10,6,14,0.3) 0%, rgba(5,3,8,0.85) 100%); --overlay-bg: radial-gradient(circle at center, rgba(10,6,14,0.3) 0%, rgba(5,3,8,0.85) 100%);
--header-bg: rgba(10,6,14,0.90); --header-bg: rgba(10,6,14,0.90);
--board-hover-border: rgba(179,89,255,0.18); --board-hover-border-pct: 22%;
--logo-shadow-pct: 45%;
--board-hover-border: color-mix(in srgb, var(--accent) var(--board-hover-border-pct), transparent);
--toggle-on-bg: rgba(214,92,255,0.22); --toggle-on-bg: rgba(214,92,255,0.22);
--logo-shadow: rgba(179,89,255,0.35); --logo-shadow: color-mix(in srgb, var(--accent) var(--logo-shadow-pct), transparent);
--bg-solid-fallback: #0a060e; --bg-solid-fallback: #0a060e;
} }