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

refactor(css): derive --toggle-on-bg via color-mix in satisfactory, avorion, hellion-stealth

Browse Source
This commit is contained in:
Jon Kazama
2026-06-13 19:39:36 +02:00
parent ab07c94141
commit c6d2792332
1 changed files with 5 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/css/main.css
+5 -3
View File
@@ -83,6 +83,7 @@
--header-bg: rgba(10,6,14,0.90); --header-bg: rgba(10,6,14,0.90);
--board-hover-border-pct: 22%; --board-hover-border-pct: 22%;
--logo-shadow-pct: 45%; --logo-shadow-pct: 45%;
--toggle-on-bg-pct: 20%;
--board-hover-border: color-mix(in srgb, var(--accent) var(--board-hover-border-pct), transparent); --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: color-mix(in srgb, var(--accent) var(--logo-shadow-pct), transparent); --logo-shadow: color-mix(in srgb, var(--accent) var(--logo-shadow-pct), transparent);
@@ -297,7 +298,7 @@
rgba(26,15,8,0.15) 50%, rgba(26,15,8,0.15) 50%,
rgba(26,15,8,0.90) 100%); rgba(26,15,8,0.90) 100%);
--header-bg: rgba(26,15,8,0.95); --header-bg: rgba(26,15,8,0.95);
--toggle-on-bg: rgba(0, 180, 216, 0.20); --toggle-on-bg: color-mix(in srgb, var(--accent) var(--toggle-on-bg-pct), transparent);
--bg-solid-fallback: #1a0f08; --bg-solid-fallback: #1a0f08;
} }
@@ -320,7 +321,8 @@
transparent 0%, transparent 0%,
rgba(2, 13, 12, 0.95) 100%); rgba(2, 13, 12, 0.95) 100%);
--header-bg: rgba(2, 13, 12, 0.94); --header-bg: rgba(2, 13, 12, 0.94);
--toggle-on-bg: rgba(46, 196, 160, 0.18); --toggle-on-bg-pct: 18%;
--toggle-on-bg: color-mix(in srgb, var(--accent) var(--toggle-on-bg-pct), transparent);
--bg-solid-fallback: #020d0c; --bg-solid-fallback: #020d0c;
} }
@@ -343,7 +345,7 @@
transparent 0%, transparent 0%,
rgba(13, 15, 18, 0.90) 100%); rgba(13, 15, 18, 0.90) 100%);
--header-bg: rgba(13, 15, 18, 0.96); --header-bg: rgba(13, 15, 18, 0.96);
--toggle-on-bg: rgba(94, 194, 255, 0.20); --toggle-on-bg: color-mix(in srgb, var(--accent) var(--toggle-on-bg-pct), transparent);
--bg-solid-fallback: #0d0f12; --bg-solid-fallback: #0d0f12;
} }
} }