Base16 Dracula Theme
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
}
This repo also ships a Neovim colorscheme in colors/base16-dracula.lua and options in extras/base16-dracula.vim. See the root README.
Repository
GitHub: https://github.com/Francisco-BT/base16-dracula
