Dark Base16 theme with Dracula accents. Fork-inspired by Rosé Pine and the Base16 ecosystem (notably base16-nvim).
Usage
- Command Palette (
Ctrl/Cmd+Shift+P) → Preferences: Color Theme - Pick Base16 Dracula
Semantic highlighting is supported where the language extension provides LSP tokens.
A second variant, Base16 Dracula (High Contrast Diff), uses stronger diff editor backgrounds (same idea as g:base16_dracula_high_contrast_diff in Neovim).
Palette (key colors)
- Background:
#232136 - Surface:
#3a3c4e - Selection:
#4d4f68 - Muted:
#626483 - Foreground:
#e9e9f4(bright:#f7f7fb) - Accents:
#62d6e8(cyan),#b45bcf(purple),#ea51b2(pink),#00f769(green),#ebff87(yellow)
UI highlights
- Hover & focus: higher-contrast hovers, with focus outlines in
#62d6e8. - Lists & QuickPick: selection/focus are intentionally more prominent than hover.
- Tabs: active border uses cyan to anchor navigation.
- Diagnostics: LSP squiggle colors from the theme; wavy style is editor-controlled.
YAML readability
- YAML keys render in cyan (
#62d6e8) to clearly differentiate mapping keys from string values. - YAML anchors use pink italic; aliases use green italic with underline.
Code snippet (preview)
type UserId = string & { readonly __brand: unique symbol };
export interface User {
id: UserId;
name: string;
tags?: string[];
}
export function greet(user: User): string {
const message = `Hello, ${user.name}!`;
return message;
}
Recommended settings
{
"workbench.colorTheme": "Base16 Dracula",
"editor.semanticHighlighting.enabled": true,
"editor.bracketPairColorization.enabled": true
}
Related (Neovim)
This repo also ships a Neovim colorscheme in colors/base16-dracula.lua and options in extras/base16-dracula.vim. See the root README.