@twinkleplop/theme-solarized

Solarized Light and Solarized Dark for twinkleplop. Colours come from the upstream palette, and the token mapping follows the Solarized themes built into VS Code.

pnpm add @twinkleplop/theme-solarized

Import the combined stylesheet to get light colours by default and dark colours under a .dark ancestor:

import "@twinkleplop/theme-solarized";

Import one variant on its own when the mode is fixed:

import "@twinkleplop/theme-solarized/light";
import "@twinkleplop/theme-solarized/dark";

The palettes and font styles are also available as data, keyed by token type:

import { light, dark, light_styles, dark_styles } from "@twinkleplop/theme-solarized/tokens";

Each stylesheet sets --twp-background to the theme's editor background but does not apply it. Use background: var(--twp-background) on your code container to opt in.

VS Code gives storage keywords (const, let, fn) their own bold grey. twinkleplop has a single keyword type, so every keyword is Solarized green and regular weight.