thePR0M3TH3AN/bitvid
1
0 Fork 0
mirror of https://github.com/PR0M3TH3AN/bitvid.git synced 2026-11-10 06:43:00 +00:00
Code Issues Packages Projects Releases Wiki Activity

Refine layout tokens and utilities

Browse Source
This commit is contained in:
thePR0M3TH3AN committed 2025-10-10 13:48:39 -04:00
1 parent 036412c601
commit 13cb9c44c1
11 files changed
+240 -115
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

css/tokens.css
+45
View File
@@ -20,6 +20,7 @@
--color-muted-strong: rgb(107 114 128);
--color-text: rgb(248 250 252);
--color-text-strong: rgb(15 23 42);
--color-text-muted: var(--color-muted);
--color-muted: rgb(148 163 184);
--color-muted-alt: rgb(156 163 175);
--color-subtle-text: rgb(226 232 240);
@@ -31,6 +32,50 @@
--color-white: rgb(255 255 255);
--color-black: rgb(0 0 0);
--color-overlay: rgb(26 34 52);
--color-overlay-black: rgb(0 0 0 / 0.9);
--color-overlay-muted: rgb(15 23 42 / 0.55);
--color-overlay-strong: rgb(15 23 42 / 0.75);
--color-overlay-darker: rgb(15 23 42 / 0.88);
--color-overlay-panel: rgb(31 41 55 / 0.9);
--color-overlay-panel-soft: rgb(31 41 55 / 0.75);
--color-overlay-panel-tint: rgb(31 41 55 / 0.5);
--color-overlay-panel-glass: rgb(30 41 59 / 0.85);
--color-overlay-veil: rgb(11 17 32 / 0.96);
--color-overlay-banner: rgb(51 65 85 / 0.95);
--color-overlay-panel-gradient-start: rgb(30 41 59 / 0.92);
--color-overlay-panel-gradient-end: rgb(15 23 42 / 0.92);
--color-surface-tint-subtle: rgb(148 163 184 / 0.08);
--color-border-translucent: rgb(148 163 184 / 0.18);
--color-border-translucent-strong: rgb(148 163 184 / 0.25);
--color-border-translucent-bright: rgb(148 163 184 / 0.32);
--color-border-translucent-stronger: rgb(148 163 184 / 0.35);
--color-border-translucent-strongest: rgb(148 163 184 / 0.4);
--color-border-translucent-glow: rgb(148 163 184 / 0.55);
--color-border-translucent-medium: rgb(148 163 184 / 0.2);
--color-border-neutral-soft: rgb(229 231 235 / 0.35);
--color-border-info-soft: rgb(96 165 250 / 0.35);
--color-border-sidebar-strong: rgb(55 65 81 / 0.9);
--color-ring-private: rgb(168 85 247 / 0.55);
--color-ring-private-hover: rgb(192 132 252 / 0.65);
--color-ring-critical: rgb(239 68 68 / 0.4);
--color-ring-critical-soft: rgb(239 68 68 / 0.35);
--color-ring-critical-hover: rgb(239 68 68 / 0.45);
--color-ring-critical-strong: rgb(239 68 68 / 0.55);
--color-ring-alert: rgb(220 38 38 / 0.6);
--color-gradient-visibility-start: rgb(129 140 248 / 0.4);
--color-gradient-visibility-end: rgb(192 132 252 / 0.32);
--color-white-soft: rgb(255 255 255 / 0.1);
--color-white-softer: rgb(255 255 255 / 0.3);
--color-white-softest: rgb(255 255 255 / 0.4);
--color-shadow-floating: rgb(8 11 30 / 0.55);
--color-shadow-elevated: rgb(8 11 30 / 0.45);
--color-shadow-panel: rgb(15 23 42 / 0.35);
--color-shadow-notification: rgb(15 23 42 / 0.3);
--color-shadow-sidebar: rgb(0 0 0 / 0.45);
--color-divider-strong: rgb(15 23 42 / 0.35);
--color-text-frosted-strong: rgb(226 232 240 / 0.94);
--color-text-frosted: rgb(226 232 240 / 0.9);
--color-text-frosted-soft: rgb(226 232 240 / 0.82);
/* Spacing scale */
--space-2xs: 0.25rem;