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

Installation

Install from the Visual Studio Marketplace

1. Open the Extensions sidebar in VS Code "[ Windows | Linux Ctrl + P ] [ MacOS ⌘ + P ]"

2. Search for Ultima Theme "ext install Ultima Theme"

3. Click Install

4. Open the Command Palette "[ Windows | Linux Ctrl + K Ctrl + P ] [ MacOS ⌘ + K ⌘ + T ]"

5. 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.

Color blind safe theme

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,
  "debug.console.fontFamily": "Fira Code, Inconsolata",
  "debug.console.fontSize": 14,
  "debug.console.lineHeight": 20,
}

License

This project is licensed under the MIT License. See the LICENSE file for details.

Maintained by Egor Lem