Themes
Two themes ship out of the box: Default Dark and GitHub Dark. Select either from Settings › Appearance; a live preview renders below the selector.
Custom themes
Place a .verne.json theme file in ~/.verne/. Verne picks it up and adds it to the theme selector, with no restart needed.
Each file describes one mode. Top-level name and type (dark or light) label it, and four sections set the colors:
| Section | What it sets |
|---|---|
ui |
shadcn UI color roles (the keys without their leading --). |
editor |
Monaco editor colors, using VS Code’s colors keys. |
terminal |
The xterm palette: background, foreground, cursor, selection, and the 16 ANSI colors. |
syntax |
TextMate scope rules for code highlighting. |
A trimmed example follows. For every key, see the full Verne Dark theme file:
{
"$schema": "verne-theme/v1",
"name": "My Theme",
"type": "dark",
"ui": {
"background": "oklch(0.145 0 0)",
"foreground": "oklch(0.985 0 0)",
"primary": "oklch(0.922 0 0)",
"border": "oklch(1 0 0 / 10%)",
"editor-bg": "#0a0a0a"
},
"editor": {
"editor.background": "#0a0a0a",
"editor.foreground": "#f2fffc",
"editorLineNumber.foreground": "#6b7678"
},
"terminal": {
"background": "#0a0a0a",
"foreground": "#f2fffc",
"cursor": "#f2fffc",
"selectionBackground": "#3e404380",
"ansi": {
"black": "#16191f", "red": "#f06372", "green": "#8cc46f", "yellow": "#ffcd66",
"blue": "#7cd5f1", "magenta": "#baa0f8", "cyan": "#7cd5f1", "white": "#f2fffc"
},
"ansiBright": {
"black": "#6b7678", "red": "#f06372", "green": "#a2e57b", "yellow": "#ffed72",
"blue": "#7cd5f1", "magenta": "#baa0f8", "cyan": "#7cd5f1", "white": "#f2fffc"
}
},
"syntax": [
{ "scope": "comment", "color": "#6b7678", "italic": true },
{ "scope": ["string", "constant.numeric"], "color": "#ffed72" }
]
}
Next steps
- Settings: full Appearance settings reference.
- File Locations: where
~/.verne/sits and what else goes there.