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

Karito Theme

Ngo Minh Thuan

|
4 installs
| (0) | Free
Dracula-style dark themes, including gradient-text variants (Karito Gradient, Karito Dracula Gradient)
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Karito Theme

Six dark themes:

  • Karito Dark: a high-contrast Dracula-style theme, tuned for readability.
  • Karito Author: the Evondev Dracula Author look as is (editor #1e1f35, pink cursor).
  • Karito Dracula Author: the classic Dracula background and UI (#282A36) with the syntax colors of Evondev Dracula Author.
  • Karito Dracula Author High Contrast: same syntax colors, with Dracula's surfaces shifted one step darker (editor #21222C, sidebar and status bar #191A21).
  • Karito Gradient: gradient-colored text, editor background #1e1f35 (Evondev style). Needs the optional CSS below.
  • Karito Dracula Gradient: gradient-colored text on the Dracula background #282A36. Needs the optional CSS below.

Gradient text (optional)

VS Code themes only support flat colors, so the gradient comes from a small CSS file, gradient/karito-gradient.css, loaded with the Custom CSS and JS Loader extension. Without it, both Gradient themes still work and show flat colors. See docs/HUONG-DAN.md for the steps and the caveats (use the CSS only with the two Gradient themes).

What is different in Karito Dark

  • Comments, line numbers, inactive tabs, breadcrumbs and placeholders are lifted to at least WCAG 4.5:1 contrast on their backgrounds.
  • The active line number is highlighted so you can find your cursor line quickly.
  • Terminal "black" is readable on the dark terminal background.
  • Added missing colors (inlay hints, ghost text, unfocused tabs).

Credits

Karito Dracula uses the UI colors of Dracula Official and the syntax colors of Evondev Dracula Author. Karito Dark is based on Evondev Dracula by evondev, which is based on Dracula Official (MIT).

Develop

Open this folder in VS Code and press F5, then pick the theme with Cmd+K Cmd+T.

Package

npx @vscode/vsce package
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
  • Your Privacy Choices
  • Consumer Health Privacy
© 2026 Microsoft