How to install

How to install Vira Theme on Visual Studio Code

You can install Vira Theme through the Visual Studio Code Marketplace.

Launch Quick Open:

  • Linux Ctrl+P

  • macOS ⌘P

  • Windows Ctrl+P

Paste the following command and press Enter:

ext install @id:vira.vsc-vira-theme

Activating theme and icons

Launch Command Palette:

  • Linux Ctrl + Shift + P

  • macOS ⌘ + Shift + P

  • Windows Ctrl + Shift + P

Type color theme, choose Preferences: Color Theme, and select one of the Vira Theme variants from the list.

You can also activate both themes and icons from the extension page:

Activating file icons

Open the Command Palette again and type icon theme. Choose Preferences: File Icon Theme and select a Vira Icons variant that matches the theme variant.

Alternatively, you can activate both the theme and icons from the extension’s homepage by searching vira theme on the extensions page.

Set the accent color

When you activate one of the Vira Theme’s variants, an accent button will appear on the bottom right side of the status bar. Click the button to display the accent selector.

The visibility of the accent button is influenced by the clutter in the status bar and the window size. You can still modify the accent color from Visual Studio Code settings under the Vira Theme section. You also need to activate at least the icons or the themes to get the button.

Override theme colors

Learn how to customize every part of this theme by using Visual Studio Code API. Read more.

Recommended settings for a better experience

{
    // Enables font ligatures
    "editor.fontLigatures": "'ss01','ss05','dlig'",
    // Controls if file decorations should use badges.
    "explorer.decorations.badges": false
}