Skip to content
| Marketplace
Sign in
Visual Studio Code>Themes>syntaxNew to Visual Studio Code? Get it now.
syntax

syntax

XephAlpha

|
70,510 installs
| (8) | Free
Simple light and dark theme for VS Code.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Syntax Theme

A simple light and dark theme for VS Code.

Previews

DARK

Screenshot

LIGHT

Screenshot

Addons to install and setup to match the previews

Icon Theme
  • Material Icon Theme -- customized folder icon color: #6688CC
Editor Font
  • Roboto Mono -- change editor font family in VS Code settings
Editor User Settings
{
    "editor.fontFamily": "Roboto Mono Medium",
    "editor.fontSize": 14,
    "editor.lineHeight": 24,
    "editor.minimap.enabled": false,
    "editor.overviewRulerBorder": false,
    "editor.renderIndentGuides": false,
    "editor.renderLineHighlight": "none",
    "editor.roundedSelection": false,
    "workbench.editor.tabSizing": "fit",
    "window.title": "${appName}",
    "explorer.openEditors.visible": 0,
    "terminal.integrated.fontSize": 14,
    "window.titleBarStyle": "custom",
    "workbench.colorTheme": "Syntax Theme",
    "workbench.iconTheme": "material-icon-theme",
    "material-icon-theme.folders.color": "#6688cc"
}

Enjoy!

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