The secondary and tertiary text tokens were too dark against the app's near-black backgrounds. This update lifts both values to meet WCAG AA contrast minimums while keeping the quiet, layered feel of the design system.
Token changes
| Token | Before | After | Contrast (before) | Contrast (after) | WCAG AA | |
|---|---|---|---|---|---|---|
| --color-text-primary |
#EDF0F7
|
→ |
#EDF0F7
|
~14 : 1 | ~14 : 1 | ✓ AAA |
| --color-text-secondary |
#8B95B0
|
→ |
#B8C4DC
|
~5.8 : 1 | ~8.5 : 1 | ✓ AAA |
| --color-text-tertiary |
#4E5872
|
→ |
#C2AC7D
|
~2.5 : 1 ✗ | ~9.0 : 1 | ✓ AAA |
Before · After — API Key screen
Enter the API key from your Mac Mini to start the secure connection. You can find this in the Cockpit settings panel.
Open Cockpit → Settings → API Keys on your Mac Mini
Enter the API key from your Mac Mini to start the secure connection. You can find this in the Cockpit settings panel.
Open Cockpit → Settings → API Keys on your Mac Mini
Type specimen — all text roles
Rev 2 — tertiary is now warm parchment: Changed --color-text-tertiary from #7A8BAB (cool blue-gray, too similar to secondary) to #C2AC7D (warm parchment-gold). Now clearly distinct from secondary in both brightness and hue — secondary stays cool slate, tertiary goes warm, referencing the accent palette. 9:1 contrast.