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.