coreui / coreui-pro / 32847249409

93%

main: 94%

push

github

feat(colors)!: move the neutral surfaces to a numbered ladder (#881)

* feat(colors)!: replace the light and dark theme colors with inverse

`light` and `dark` were theme colors named after a color scheme, and neither
followed one: `.btn-dark` stayed near-black on a near-black page, and
`.theme-dark` sat next to `data-coreui-theme="dark"` meaning something else.

There are seven theme colors now. `inverse` replaces `dark` and resolves to
gray-900 in light mode and gray-100 in dark, so it stands against the page in
both. `secondary` takes over what `light` did — a light neutral (gray-100 /
gray-600) rather than the mid gray-blue `#6b7785`. Both neutrals read the gray
scale for their slots instead of a scale mixed from their own base, which a
single base cannot do once the color swaps ends between schemes.

Two consequences beyond the rename:

- Components read `--cui-theme-bg` where they read `--cui-theme-base`, and text
  reads `--cui-theme-fg`. The contextual token was named after the map slot
  rather than the job it does, and with a light `secondary` the difference
  stopped being cosmetic: a chip label painted from the fill color is
  gray-on-gray.
- `.text-*`, `.btn-outline-*` and `.btn-ghost-*` take their color from the `fg`
  slot, and the outline button its border from the `border` slot. For the
  chromatic colors that is a shade darker in light mode and a shade lighter in
  dark, which improves contrast; for the neutrals it is the difference between
  readable and invisible — `.btn-outline-secondary` drew a gray-100 border on
  white until the border moved off the fill color.

The hand-written color lists behind the callout variants and the `-subtle` /
`-emphasis` utility maps are generated from `$theme-colors` now, so a color can
no longer be added to the map and silently miss a family.

`$utilities-colors` is removed: nothing reads a flat map of raw colors any more.

* fix(colors): remove the last two deprecations v6 declared but kept emitt... (continued)

4532 of 5097 branches covered (88.92%)

Branch coverage included in aggregate %.

8653 of 9054 relevant lines covered (95.57%)

400.17 hits per line