Skip to content

Work / Trunk / Wiki / Surfaces

colors-use

Surfacecanonicalverified 2026-10-19

SURFACE.WEB.STYLES-COLORS.COLORS-USE

Summary

Clicking a colour opens it to use in code: its value, its CSS variable and its Tailwind classes, each with Copy.

Raw wireframe

  • .context/designs/web/styles-colors/colors-use.html

Why it is drawn this way

The three forms a colour is pasted in. The value for a design file, var(--name) for CSS, and bg- text- border- for Tailwind. A colour has no file, so there is no download.

It is in the address (?use=1 on the token's own address), so the colour stays selected in the inspector behind it.

Related

Sources

  • .context/designs/web/styles-colors/colors-use.html