viscode-ui

Visual Studio Code theme for Atom editor

DiDream

4,192

3

0.3.1

MIT

GitHub

Viscode UI Theme

Theme for Atom Editor based on Visual Studio Code.

syntax theme used: One dark image of viscode theme

Settings

If you want to have a customizable color in the header of Atom

header atom

you must go settings -> core -> title bar and set it to custom.

settings header atom

Customize

You can customize the theme by changing the values of ~/.atom/packages/viscode-ui/styles/user-variables

Note: You must restart Atom after modification.

Default values

@base-background-color:           #252526;
@header-panel-background-color:   lighten(@base-background-color, 10%);
@tab-background-color:            @base-background-color;
@tree-view-background-color:      @base-background-color;
@footer-panel-backgrund-color:    @header-panel-background-color;

EXAMPLE

@base-background-color: #25102E;

syntax theme used: one-purple-syntax viscode ui purple