Ultima theme for Visual Studio Code

WCAG 2.1 AA balanced dark theme for VS Code, built in colors with analogous harmony.

JavaScript

CSS / SCSS

css

Installation

Install from the Visual Studio Marketplace

Open the Extensions sidebar in VS Code "[ Windows | Linux Ctrl + P ] [ MacOS ⌘ + P ]"
Search for Ultima Theme "ext install Ultima Theme"
Click Install
Open the Command Palette "[ Windows | Linux Ctrl + K Ctrl + P ] [ MacOS ⌘ + K ⌘ + T ]"
Select Preferences: Color Theme and choose a Ultima.

Install manually

You can also install a Theme from *.vsix file by following the Install from a VSIX instructions. The easiest way is through the command line: code --install-extension ultima-vscode-theme-<version>.vsix

Accessibility

WCAG 2.1 - 1.4.3 Contrast

All base colors have a contrast ratio greater than 4.5 : 1, meeting WCAG 2.1 recommendations for level AA.

All colors were selected using a special tool from Adobe to avoid potential confusion for people with color blindness.

Recommended Settings

For ZSH users

I recommend installing the ultima.zsh-theme for zsh. This theme turns your terminal and code editor into a single workspace.

Setings.json

{
  "editor.tabSize": 2,
  "editor.lineHeight": 24,
  "editor.letterSpacing": 0.1,
  "editor.fontSize": 15,
  "editor.cursorBlinking": "solid",
  "editor.cursorSmoothCaretAnimation": true,
  "editor.cursorStyle": "line",
  "editor.fontFamily": "Fira Code, Inconsolata",
  "editor.fontLigatures": true
}

Extra

The package includes the achive guezwhoz.vscode-theme

License MIT · Egor Lem

Ultima Theme

Egor Lem