@webority/theme 0.52.1 → 0.53.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 CHANGED
@@ -47,9 +47,16 @@ measures 3.75:1 on white. So the theme keeps two colours:
47
47
  All three derive from `$primary` at compile time, so setting `$primary` (or `wui-brand-primary`) is
48
48
  enough. A product can set `$wui-primary-ink` / `$wui-primary-text` before the theme's variables, or
49
49
  `--wui-primary-ink` / `--wui-primary-text` at runtime. A brand layer that re-points `--wui-primary` at
50
- runtime must set `--wui-primary-ink` and `--wui-primary-text` beside it. Dark mode uses the lifted
51
- `--wui-dark-primary` for the ink. `check-contrast` proves the derivation for an orange, an amber and a
52
- sky test brand and fails any theme rule that colours text with `--color-primary`.
50
+ runtime must set `--wui-primary-ink` and `--wui-primary-text` beside it.
51
+
52
+ Dark mode uses one colour, `--wui-dark-primary`, for primary text, rings, focus borders and the fill
53
+ under its near-black label. It is `$primary` mixed with white in 2% steps until it clears 4.5:1 on
54
+ every dark surface, on its own avatar tint, on the brand's soft tint and under that label, so
55
+ `wui-brand-primary` carries the brand into dark mode (a royal blue `#2F50E4` lifts to about `#8FA1F0`). Never
56
+ set it to the light brand fill: a runtime `--wui-dark-primary` must clear the same floors.
57
+
58
+ `check-contrast` proves both derivations for an orange, an amber, a sky and a royal blue test brand
59
+ and fails any theme rule that colours text with `--color-primary`.
53
60
 
54
61
  ### Country flags are opt-in
55
62