Palette and Design System

Semantic Colors

What the application developer should work with.

--kb-clr-base

--kb-clr-base-dark

--kb-clr-base-light

--kb-clr-base-bg

--kb-clr-base-shadow

--kb-box-shadow

--kb-clr-accent

--kb-clr-accent-light

--kb-clr-ok

--kb-clr-ok-light

--kb-clr-select

--kb-clr-select-dark

--kb-clr-output

--kb-clr-neutral

This is to compare the many technical variations of the semantic colors that one might want to pick for special purposes.

Hover to see the variant. Click to see a proposed systematic style definition in the console that you can copy and use.