@rackbops/styles 0.1.4 → 0.1.5
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.
|
@@ -49,8 +49,9 @@ Muted-on-surface is tuned to clear WCAG AA (4.5:1) on every surface; the light
|
|
|
49
49
|
weight 600, tight tracking (`-0.01em`). Monospace *is* the display voice.
|
|
50
50
|
- **Body & UI:** `system-ui, -apple-system, "Segoe UI", Roboto, …`, weight 400.
|
|
51
51
|
- **Numerals:** `font-variant-numeric: tabular-nums` everywhere data is shown.
|
|
52
|
-
- **Labels** (eyebrows, badges
|
|
53
|
-
|
|
52
|
+
- **Labels** (eyebrows, badges): mono, uppercase, ~11px, tracked `0.06em`.
|
|
53
|
+
Table headers are the one stated departure — body-sans, normal case
|
|
54
|
+
(`components/table.css:9-15`; badges stay mono uppercase, `badge.css:10-14`).
|
|
54
55
|
- **Bare tags:** unclassed `h1`-`h6` pick up the mono display voice directly —
|
|
55
56
|
weight 600, tracking `-0.01em`, `--rb-space-3` margin below. `.rb-card`
|
|
56
57
|
renders a bare `<h3>` and gets this treatment too, since `card.css` declares
|
|
@@ -140,8 +141,8 @@ voices reused, never new decorative hues.
|
|
|
140
141
|
|
|
141
142
|
## Light counterpart — "Parchment"
|
|
142
143
|
|
|
143
|
-
The AA-tuned light secondary
|
|
144
|
-
|
|
144
|
+
The AA-tuned light secondary, shipped as its own theme: `arcane-parchment`
|
|
145
|
+
(`styles/arcane-parchment/design.md`).
|
|
145
146
|
|
|
146
147
|
| Role | Value |
|
|
147
148
|
| --- | --- |
|
|
@@ -11,8 +11,8 @@
|
|
|
11
11
|
* Every theme declares the same baseline token set (styles/test enforces
|
|
12
12
|
* parity); names marked (extra) are additions beyond it that only this
|
|
13
13
|
* theme's own component CSS may rely on. This theme ships its dark, primary
|
|
14
|
-
* look ("Obsidian"); its AA-tuned light counterpart ("Parchment")
|
|
15
|
-
*
|
|
14
|
+
* look ("Obsidian"); its AA-tuned light counterpart ("Parchment") ships as
|
|
15
|
+
* its own theme, arcane-parchment (see design.md).
|
|
16
16
|
*/
|
|
17
17
|
:where([data-rb-style="arcane-obsidian"]) {
|
|
18
18
|
color-scheme: dark;
|
|
@@ -45,7 +45,9 @@ hues appear. Muted-on-surface is tuned to clear WCAG AA (4.5:1) on every surface
|
|
|
45
45
|
|
|
46
46
|
Identical to arcane-obsidian: monospace display voice (the wordmark, weight 600,
|
|
47
47
|
tracking `-0.01em`) over a `system-ui` body (weight 400); `tabular-nums` wherever
|
|
48
|
-
data is shown; mono uppercase labels tracked `0.06em
|
|
48
|
+
data is shown; mono uppercase labels tracked `0.06em` (table headers are the
|
|
49
|
+
one stated departure — body-sans, normal case, `components/table.css:9-15`).
|
|
50
|
+
Bare `h1`-`h6`/`p`/`ul`/`ol`
|
|
49
51
|
get the same treatment as arcane-obsidian too: unclassed headlines carry that
|
|
50
52
|
same mono voice with `--rb-space-3` margin, and bare `ul`/`ol` add
|
|
51
53
|
`--rb-space-4` marker indent with real disc/decimal markers.
|
package/mono-field/design.md
CHANGED
|
@@ -87,8 +87,10 @@ and the accent itself is spent sparingly — never for decoration.
|
|
|
87
87
|
|
|
88
88
|
## Components
|
|
89
89
|
|
|
90
|
-
Class prefix `rb-`; shared token/class contract with the other themes
|
|
91
|
-
|
|
90
|
+
Class prefix `rb-`; shared token/class contract with the other themes (the
|
|
91
|
+
full required set is `styles/contract.json` / STANDARD.md 5.1 — not restated
|
|
92
|
+
as a count here, since that count has drifted before) — no theme-specific
|
|
93
|
+
extras.
|
|
92
94
|
|
|
93
95
|
- **Button** `.rb-btn` — plain bordered ghost on white by default;
|
|
94
96
|
`--primary` is the one solid accent fill (barely-there shadow lift on
|
package/package.json
CHANGED
|
@@ -167,8 +167,8 @@ Class prefix `rb-`; shared token/class contract with the other themes.
|
|
|
167
167
|
|
|
168
168
|
## Dark counterpart
|
|
169
169
|
|
|
170
|
-
The dark mode rackbops.com toggles into
|
|
171
|
-
|
|
170
|
+
The dark mode rackbops.com toggles into, shipped as its own theme:
|
|
171
|
+
`rackbops-noir` (`styles/rackbops-noir/design.md`).
|
|
172
172
|
|
|
173
173
|
| Role | Value |
|
|
174
174
|
| --- | --- |
|
|
@@ -8,8 +8,8 @@
|
|
|
8
8
|
* The :where() keeps specificity at zero, so any consumer rule overrides.
|
|
9
9
|
*
|
|
10
10
|
* This theme ships its canonical, primary look (light); the dark counterpart
|
|
11
|
-
* that rackbops.com toggles into
|
|
12
|
-
*
|
|
11
|
+
* that rackbops.com toggles into ships as its own theme, rackbops-noir (see
|
|
12
|
+
* design.md). Every theme declares the same baseline token set (styles/test
|
|
13
13
|
* enforces parity); names marked (extra) are additions this theme's own
|
|
14
14
|
* component CSS may rely on.
|
|
15
15
|
*/
|