Skip to content
| Marketplace
Sign in
Visual Studio Code>Themes>Charson ThemeNew to Visual Studio Code? Get it now.
Charson Theme

Charson Theme

Richson Simbabure

|
2 installs
| (0) | Free
Beautiful dark themes with inline diagnostics, semantic highlighting, and modern UI - Charson Dark & Charson Ember
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Charson Theme for VS Code

Beautiful dark themes with inline diagnostics, semantic highlighting

Charson Dark Preview Charson Ember Preview

Themes Included

🔥 Charson Ember

Warm volcanic dark theme with amber and gold tones. Unique in a sea of cold blue themes — built for developers who want their editor to feel alive.

🌙 Charson Dark

Ocean-deep teal palette inspired by Solarized, refined with improved semantic highlighting and a modern aesthetic. Professional, calm, and easy on the eyes for long sessions.


Features

  • 🎯 Full semantic token highlighting — functions, types, variables, parameters all distinct
  • 🌈 Colorful bracket pair guides — 6 cycling colors per nesting level
  • ⚡ Optimized for TypeScript, JavaScript, Python, Rust, Go, CSS, HTML, Markdown, YAML, TOML
  • 🖊️ Bold function names, italic keywords, italic type annotations
  • 🎨 Complete symbolIcon colors — autocomplete and outline icons are meaningful
  • 🔴 Tuned diagnostic colors — errors visible but not overwhelming
  • 💡 Lightbulb icons for quick fixes
  • 🗂️ Fully styled UI — tabs, sidebar, status bar, terminal, menus, debug toolbar, notifications

Installation

From VS Code Marketplace

  1. Open VS Code
  2. Press Ctrl+P (or Cmd+P on Mac)
  3. Type ext install CharsonThemes.charson-theme
  4. Press Enter
  5. Open the theme picker with Ctrl+K Ctrl+T and select Charson Dark or Charson Ember

From VSIX

  1. Download the .vsix file
  2. Open VS Code Extensions view (Ctrl+Shift+X)
  3. Click ... menu → Install from VSIX
  4. Select the downloaded file

Recommended Settings

{
  "editor.bracketPairColorization.enabled": true,
  "editor.guides.bracketPairs": "active",
  "editor.fontFamily": "'JetBrains Mono', 'Fira Code', Menlo, Monaco, monospace",
  "editor.fontLigatures": true,
  "editor.fontSize": 14,
  "editor.lineHeight": 1.6,
  "editor.cursorBlinking": "smooth",
  "editor.cursorSmoothCaretAnimation": "on",
  "editor.semanticHighlighting.enabled": true
}

Color Palettes

🔥 Charson Ember

Warm volcanic palette — unique in the marketplace.

Token Color Preview
Background #13100d Deep brown-black
Keywords #e87a20 Vibrant amber
Functions #d4a060 Burnished gold
Types #7aafc4 Steel blue
Strings #c8a86a Warm tan
Numbers #ffcc55 Bright yellow
Comments #6a5535 Dark ash

🌙 Charson Dark

Cool Solarized-inspired palette, refined.

Token Color Preview
Background #002b36 Deep ocean
Keywords #6c71c4 Violet
Functions #268bd2 Bright blue
Types #b58900 Amber yellow
Strings #b58900 Amber yellow
Numbers #6c71c4 Purple
Comments #586e75 Muted teal

Credits

Crafted by Richson — technology-driven enthusiasts with a passion for building things that live on the internet.

  • Color theory inspired by Solarized by Ethan Schoonover
  • Influenced by Tokyo Night and modern Neovim themes

License

MIT © Richson

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2026 Microsoft