@jdcpuwiz/homelab-ui 0.11.0 → 0.11.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -0
- package/globals.css +10 -0
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -388,6 +388,7 @@ The Tailwind preset exposes the canonical homelab palette:
|
|
|
388
388
|
| `text-foreground-muted` (`rgba(255,255,255,0.45)`) | Deliberately secondary chrome, usually interactive — inactive nav rows, clickable breadcrumbs, back links, close buttons, tertiary buttons, "Loading…". Hover lifts to `text-foreground`. |
|
|
389
389
|
| `text-foreground-faint` (`rgba(255,255,255,0.30)`) | Chrome you do NOT read — breadcrumb chevrons, empty-state icons, placeholder art, footer version stamps. Never a sentence. |
|
|
390
390
|
| `text-title` (= flat `#f0f1f4`) | h1 title color — **not a special hue** (BP #57 removed the page-title purple); resolves to the flat foreground |
|
|
391
|
+
| `var(--hl-danger-fg)` (`#f87171`, no preset class yet — use `text-[var(--hl-danger-fg)]`) | error/danger TEXT — for inline error lines and validation messages. `bg-status-danger` (`#b91c1c`) is a badge BACKGROUND (white text on it); as text on `--hl-card` it's 2.58:1, failing AA. `#f87171` measures 6.03:1 on `--hl-card` (`#1e1e1e`) — passes AA. Badges keep the solid `#b91c1c` background; this is text-only. |
|
|
391
392
|
| `text-ink-primary` `text-ink-secondary` `text-ink-tertiary` | Reading text — all resolve to the one flat `#f0f1f4` (the old opacity ramp is dead; kept as back-compat aliases). `text-ink-disabled` stays a genuine dim for disabled affordances. |
|
|
392
393
|
| `rounded-widget` (xl), `rounded-row` (lg), `rounded-chip`, `rounded-panel` (2xl) | Radius aliases |
|
|
393
394
|
| `w-sidebar` (default 240px), `w-logo` `h-logo` (9rem) | Layout sizes (sidebar width is `var(--hl-sidebar-width)`, a fixed-px value independent of root font-size — override at `:root`) |
|
package/globals.css
CHANGED
|
@@ -68,6 +68,16 @@
|
|
|
68
68
|
Do NOT add a third step to reintroduce the ramp. */
|
|
69
69
|
--hl-foreground-muted: rgba(255, 255, 255, 0.45);
|
|
70
70
|
--hl-foreground-faint: rgba(255, 255, 255, 0.3);
|
|
71
|
+
/* Error/danger TEXT (C840) — for inline error lines and validation
|
|
72
|
+
messages, e.g. a failed fetch or a form error under a field. The
|
|
73
|
+
fleet's only danger colour, #b91c1c, is a BADGE BACKGROUND (paired
|
|
74
|
+
with white text); measured as TEXT on --hl-card (#1e1e1e) it's
|
|
75
|
+
2.58:1, which fails WCAG AA. #f87171 measures 6.03:1 on #1e1e1e
|
|
76
|
+
(6.83:1 on #111111, 7.16:1 on #0a0a0a) — passes AA everywhere in the
|
|
77
|
+
fleet's dark surfaces, and it's what several apps already picked by
|
|
78
|
+
hand before this token existed. Badges keep the solid #b91c1c
|
|
79
|
+
background; this is text-only. */
|
|
80
|
+
--hl-danger-fg: #f87171;
|
|
71
81
|
/* The wash under a hovered nav row / ghost control. Same story: it was
|
|
72
82
|
a literal `hover:bg-white/5`, which lightens a warm surface toward
|
|
73
83
|
cold grey. Override with your own tint. */
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@jdcpuwiz/homelab-ui",
|
|
3
|
-
"version": "0.11.
|
|
3
|
+
"version": "0.11.1",
|
|
4
4
|
"description": "Shared dark-theme UI primitives for the JdCpuWiz homelab — Sidebar, Button, Modal, PageHeader, TagChips, plus the canonical Tailwind preset, CSS vars, and the sanctioned three-face typography (Poppins / Orbitron / JetBrains Mono) on one flat #f0f1f4 text color.",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"author": "Wiz <shad@deckerzoo.com>",
|