Themes & fonts

Twenty themes.
All polished.

Ten light, ten dark. Each one covers every surface, every SQL token color, every modal and badge. Switch from the header dropdown — no reload.

Dark

10 themes
Default
SELECT *
FROM users
WHERE id = 1
ORDER BY name

Dark Industrial

Deep black, neon green. The signature look.

SELECT *
FROM users
WHERE id = 1
ORDER BY name

Tokyo Night

Deep blue with neon cyan and purple.

SELECT *
FROM users
WHERE id = 1
ORDER BY name

Dracula

Purple, pink, cyan on charcoal.

SELECT *
FROM users
WHERE id = 1
ORDER BY name

Carbon

Charcoal gray with VS Code blue.

SELECT *
FROM users
WHERE id = 1
ORDER BY name

Catppuccin Mocha

Soothing pastels on warm dark.

SELECT *
FROM users
WHERE id = 1
ORDER BY name

GitHub Dark

GitHub's dark mode, charcoal/blue/green.

SELECT *
FROM users
WHERE id = 1
ORDER BY name

Gruvbox Dark

Warm retro browns and oranges.

SELECT *
FROM users
WHERE id = 1
ORDER BY name

Monokai

Warm yellows and greens on deep black.

SELECT *
FROM users
WHERE id = 1
ORDER BY name

Nord Dark

Arctic blue palette, cool and calm.

SELECT *
FROM users
WHERE id = 1
ORDER BY name

Solarized Dark

Ethan Schoonover's classic palette.

Light

10 themes
Default
SELECT *
FROM users
WHERE id = 1
ORDER BY name

Clean

Crisp white with blue accents.

SELECT *
FROM users
WHERE id = 1
ORDER BY name

Forge

White with green accents.

SELECT *
FROM users
WHERE id = 1
ORDER BY name

Atom One Light

Crisp white with vibrant accents.

SELECT *
FROM users
WHERE id = 1
ORDER BY name

Catppuccin Latte

Warm cream with soft pastel accents.

SELECT *
FROM users
WHERE id = 1
ORDER BY name

GitHub Light

GitHub's familiar white and blue.

SELECT *
FROM users
WHERE id = 1
ORDER BY name

Gruvbox Light

Paper-warm, earthy tones.

SELECT *
FROM users
WHERE id = 1
ORDER BY name

Lavender

Soft purple with violet accents.

SELECT *
FROM users
WHERE id = 1
ORDER BY name

Rosé Pine Dawn

Soft blush with muted purples.

SELECT *
FROM users
WHERE id = 1
ORDER BY name

Sand

Warm beige with amber tones.

SELECT *
FROM users
WHERE id = 1
ORDER BY name

Solarized Light

The light companion to Solarized.

Custom themes

Drop a folder. It appears in the dropdown.

The custom theme API is just CSS variables. Override the ones you care about. The base theme defines every variable — you start with a working theme and tweak from there.

themes/my-theme/
├── theme.json   # { "name": "My Theme", "author": "You", "type": "dark" }
└── style.css    # override CSS variables
Typography

Five font zones.
28 curated faces.

Pick a different font for each part of the interface. Google Fonts loaded on demand — only what you choose is fetched.

General UI

Body text

--font-body
Headings

Section titles

--font-heading
Sidebar

DB & tables

--font-sidebar
Table data

Cell values

--font-data
SQL / Code

Editor

--font-mono