vertex-ui

Vertex UI - a sleek ui for dark syntax themes

xypnox

2,413

4

0.11.0

MIT

GitHub

Vertex UI theme

LOGOs

A dark UI theme with the ability adapt to most syntax themes.

Vertex UI - screenshot

Syntax Theme: Northem Atom Dark

Matches well with several syntax themes

Dracula

dracula

Seti

seti

Monokai Seti

monokai-seti

One Dark

one-dark

An old hope

an-old-hope

Solarized Dark

solarized-dark

Install

Install this theme using Settings > Install. Select the "Themes" toggle and search for "vertex-ui". From there, go to Settings > Themes section and selecting "Vertex" from the UI Themes drop-down menu.

Settings

In the theme settings you can:

To make changes, go to Settings > Themes > Vertex UI > Settings or the cog icon next to the theme picker.

Customize

It's also possible to resize only certain areas by adding the following to your styles.less (Use DevTools to find the right selectors):

.vertex-ui {
  .tab-bar { font-size: 18px; }
  .tree-view { font-size: 14px; }
  .status-bar { font-size: 12px; }
}

FAQ

Why do the colors change when I switch Syntax themes? This UI theme uses the same background color as the chosen syntax theme. If that syntax theme has a light background color, it only uses its hue, but otherwise stays dark. This lets you use dark-light combos.

Thanks