logo svelte /json view lite v0.2.0
FIG-001/ THEMING

css variable themer.

Tune the --sjv-* theme tokens live without replacing the viewer style map.

  • Every --sjv-* token maps to a color picker, so you can retheme punctuation, keys, and each value type independently.
  • Named presets (Solarized, Dracula, GitHub) apply a full palette in one click as a starting point.
  • Themes are pure CSS custom properties — no style prop swap and no rebuild, so the preview updates instantly.
↩ all examples
theme · css variablespreview · live mode · live running source
{
    name:"Ada Lovelace",
    level:42,
    active:true,
    gamma:null,
    tags:[
      "admin",
      "beta"
    ],
    meta:{
      created:"2024-01-15",
      notes:undefined
    }
}
category · theming
sheet · sheet 01 / 01
⟳ to re-run

CSS Variable Themer