bigskysoftware / bigskysoftware/missing

Color Revolution

Open
#100 0 comments 0 reactions 1 assignee Claimed by @dz4k View on GitHub
enhancement visual
Dominant language
CSS
Stars
798
Forks
29
PR merge metrics
No merged PRs in 30d

Description

>All default colors should be generated from the accent color using relative color syntax (lch(from)).
>
>For light and dark themes, use the light-dark() function instead of media queries.
>
>Headline feature for V2.
>
>Prototype implementation in feat-relative-colors git branch, needs aesthetic polishing and a detailed map of the API breakage.
>
>Problem: CSS variables seem to be call-by-value rather than call-by-name, so if a child element changes accent color, the other colors don't change to match. The prototype works around this by setting the relative color variables on the `*` selector, recalculating them on every element. This works, but makes it fiddly to override the formulas and it's probably slow. Possible solution with `@container style()` queries?
>
>Thought: The fact that a colorway can be defined from a single color effectively makes colorways obsolete. - [Missing Roadmap](https://cloud.dz4k.dev/s/mznkdLLiLnf27HE)

More discussion in the [Color Revolution Discord thread](https://discord.com/channels/725789699527933952/1326380116325957642)

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.