feat: change action colors by context, not …on-dark/light vars

[wesleyboar]

Overview

• Deprecate --global-color-link-on-dark… & --global-color-link-on-light….
• New feature to change accent colors depending on context via generics/color.css.
• Fix button on dark section to use light accent colors.

Related

None.

Changes

• abandoned & deprecated --global-color-accent-on-light… and --global-color-accent-on-dark….

• added generics/color.css to manage color change on dark and light

• added new color --global-color-accent--xxx-light (#f1ebfd)

• re-built affected patterns

  • components
    • admonition
    • button
    • callout
    • form
    • message
    • recognition
  • elements
    • links
  • objects
    • section
  • tools
    • x-links
  • trumps
    • links (irregular)

Testing & UI

_{Extended Testing: Verify global accent colors are only overwritten in dark context and in light contexts within dark contexts.}

section.buttons.mov

Sections

light	muted	dark

Button Types

primary	secondary	tertiary

Cards

(default)	plain	standard	standard 1	standard 2	standard 3

Internal Clients

form	django cms form	messages

Links

mixin	irregular	standard

Notes

Known Issues

1. There is unnecessary duplication of light context accent colors:
   1. settings/color.css
   2. generics/color.css

Ideas

1. Expand on this to support dark and light theme, or white-labelling, or clearer color customization process.
2. Can https://github.com/csstools/postcss-plugins eliminate "Known Issue" Initial Release #1?