Zenith Theme for VS Code

A refined, distraction-free theme with cohesive colors and complete UI coverage.

Zenith Screenshot

Installation

Install theme from the VS Code Marketplace (direct link)
Set your Color Theme to Zenith
Set your File Icon Theme to Zenith for file icons that match the theme colors
(Optional) Apply the suggested settings below

Suggested settings

Font

The font in the screenshot is JetBrains Mono with these these settings:

"editor.fontFamily": "JetBrains Mono",
"editor.fontLigatures": true, // If you want ligatures
"editor.fontSize": 13,

"terminal.integrated.fontFamily": "JetBrains Mono",
"terminal.integrated.fontLigatures": true // If you want ligatures
"terminal.integrated.fontSize": 13,
"terminal.integrated.lineHeight": 1.1,

UI elements

// Tone down the use of colors in Explorer and Editor:
"explorer.decorations.colors": false,
"outline.problems.colors": false,
"workbench.editor.decorations.colors": false,
"editor.bracketPairColorization.enabled": false

// Align icons in Explorer, adjust width of resize indicators, extend editor line highlight into gutter
"workbench.tree.indent": 18,
"workbench.tree.renderIndentGuides": "none",
"workbench.sash.size": 2,
"editor.renderLineHighlight": "all",

Extensions

Apply these you use the following extensions:

"errorLens.borderRadius": "4px",
"errorLens.margin": "2ch",
"errorLens.messageBackgroundMode": "message",
"errorLens.padding": "1px 4px",

"gitlens.currentLine.fontStyle": "italic",

Other

All of the theme-related and layout tweaks I use can be found in suggested-settings.json for easy copy-and-pasting.

Customization

Add a blue accent to the top active editor tabs

"workbench.colorCustomizations": {
    "tab.activeBorderTop": "#61abda"
},

Remove the border around matching bracket pairs

"workbench.colorCustomizations": {
    "editorBracketMatch.border": "#00000000",
    "editorBracketMatch.background": "#ccebff28" // Highlight their background color instead
},

Highlight quotation marks/backticks surrounding strings in green

"editor.tokenColorCustomizations": {
  "textMateRules": [
    {
      "scope": [
        "punctuation.definition.string",
        "punctuation.definition.raw"
      ],
      "settings": {
        "foreground": "#64b280"
      }
    }
  ]
},

Zenith theme for other apps

See my dotfiles repo for matching themes for bat, btop, eza, Ghostty, micro, and zsh-syntax-highlighting.

Acknowledgments

The syntax highlighting colors were inspired by the "zenwritten_dark" Ghostty theme (mbadolato/iTerm2-Color-Schemes) which was in turn taken from mcchrish/zenbones.nvim.

The file icon theme uses the Seti UI icons (jesseweed/seti-ui).

Found a bug or have a request? Please open an issue.

Zenith Theme