Theme Generator

Build a custom theme.css for modernGraphTool with a visual editor. Adjust colors, preview the result, and export the CSS.

Base Tone

Controls the base palette (backgrounds, text, borders). Hue and saturation tint every surface; the surface sliders set how light each mode starts. A near-white surface can only hold a faint tint, so lower Light Surface to push saturation further.

Base Hue

Base Saturation

Light Surface

Dark Surface

Semantic Colors

Random All

Pick colors for each role. Content (text-on-color) and dark mode variants are auto-generated.

Primary

L C H

Secondary

L C H

Accent

L C H

Status Colors

Info

L C H

Success

L C H

Warning

L C H

Error

L C H

Export theme.css

modernGraphTool (light)

☼

Info toast sample

Success toast sample

Warning toast sample

Error toast sample

Graph area

Target

5128 DF

4128 DF

6128 DF

Stardrop Moonfield

Fictionalear Hexa 2

Primary

Secondary

Outline

Muted

Destructive

Ghost

DEVICE

GRAPH

EQ

MISC

modernGraphTool (dark)

☼

Info toast sample

Success toast sample

Warning toast sample

Error toast sample

Graph area

Target

5128 DF

4128 DF

6128 DF

Stardrop Moonfield

Fictionalear Hexa 2

Primary

Secondary

Outline

Muted

Destructive

Ghost

DEVICE

GRAPH

EQ

MISC