adam/shoc-frontend-new
1
0
Fork 0
mirror of https://github.com/Sea-Haven-Industries/shoc-frontend-new.git synced 2026-10-06 08:52:04 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

style(theme): add sidebar active tokens and nav group typography

Browse source
This commit is contained in:
Arthur Bassi 2026-06-17 17:42:28 -03:00
parent 588a765089
commit 198ba5151a
2 changed files with 14 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/styles/theme.css
View file

@ -29,9 +29,9 @@
--tracking-wider: 0.08em;
/* ── LAYOUT SPACING ─────────────────────────────────────────────── */
--spacing-sidebar: 220px;
--spacing-sidebar: 244px;
--spacing-topbar: 64px;
--spacing-sidebar-collapsed: 56px;
--spacing-sidebar-collapsed: 76px;
/* ── RADIUS SCALE (scale resolves to 4 / 6 / 8 / 12) ────────────── */
--radius: 8px;
@ -122,6 +122,8 @@
--color-sidebar-border: var(--sidebar-border);
--color-sidebar-badge-bg: #e6f4fb;
--color-sidebar-badge-text: #155a92;
--color-sidebar-item-active-bg: var(--card);
--color-sidebar-item-active-shadow: 0 1px 3px rgba(38, 34, 98, 0.08);
/* ── SEMANTIC (universal meaning) ───────────────────────────────── */
--color-destructive: var(--destructive);

10
src/styles/typography.css
View file

@ -71,3 +71,13 @@ h6 {
text-transform: uppercase;
color: var(--color-sidebar-label);
}
.text-nav-group {
font-family: var(--font-mono);
font-size: 10px;
font-weight: 600;
line-height: normal;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--muted-foreground);
}