containers / podman-desktop

Podman Desktop - A graphical tool for developing on containers and Kubernetes
https://podman-desktop.io
Apache License 2.0
4.52k stars 287 forks source link

Visual color registry for docs #7642

Open deboer-tim opened 2 months ago

deboer-tim commented 2 months ago

Is your enhancement related to a problem? Please describe

Now that we have most of the colors defined, much of the work to support light mode is finding the correct existing color variable to use, either by looking at what something else uses when debugging or opening the color registry file. It would be handy (and even more useful for downstream extensions) if we had a page in the docs that listed all of the variables along with a sample of their dark and light colors.

Describe the solution you'd like

I have some hacky code that generates html... but likely better to build on what @axel7083 did in #7541.

Describe alternatives you've considered

No response

Additional context

No response

feloy commented 2 months ago

We should also differentiate background/text/border/... colors, by displaying them in their contexts: bg color in a box, text color as text (with which background??), etc. But we don't have the information in the definition of the colors. Would it be interesting to add the info?

deboer-tim commented 2 months ago

Showing them in context or even linking when they're used in Storybook components would be awesome - but IMHO not critical to get started. Most names are obvious enough that I get an idea where they should be used.