Colors

The Miozu Base16 color system. Eight grayscale values plus eight accent colors, designed for harmony based on Newton's color wheel.

Philosophy

Miozu's palette follows the Base16 architecture: 8 grayscale values from darkest to lightest, plus 8 accent colors for semantic meaning. This provides enough contrast for accessibility while maintaining visual harmony.

Base Colors (Grayscale)

--base00 #232733 Darkest background

--base01 #2C3040 Default dark bg

--base02 #3E4359 Selection, hover

--base03 #565E78 Comments, subtle

--base04 #737E99 Muted text

--base05 #D0D2DB Default text

--base06 #F3F4F7 Light text

--base07 #FAFDFB Lightest/white

Accent Colors

--magenta #C974E6 Primary brand

--blue #83D2FC Info, links

--green #6DD672 Success

--yellow #E8D176 Warning

--red #EB3137 Error

--cyan #40FFE2 Accent

--orange #FF9837 Attention

--peach #FF9982 Warm accent

Semantic Mappings

For consistent usage across components, colors are mapped to semantic tokens:

Usage

Theming

Dark theme is the default. Switch to light theme with the data-theme attribute:

In light theme, base colors are inverted: base0 becomes the lightest, base7 becomes the darkest.