• Packages
  • Themes
  • Documentation
  • Blog
  • Discuss
Sign in

vertex-ui

Vertex UI - a sleek ui for dark syntax themes
  • #dark
  • #adaptive
  • #ui
xypnox
2,266
4
  • Repo
  • Bugs
  • Versions
  • License
Flag as spam or malicious

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:

  • Autohide the status bar.

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

  • Apex Adapt Dark Slim UI theme
  • Apex Adapt Dark UI theme
  • Apex UI
  • One Dark UI

I think this package is bad news.

Good catch. Let us know what about this package looks wrong to you, and we'll investigate right away.

  • Terms of Use
  • Privacy
  • Code of Conduct
  • Releases
  • FAQ
  • Contact
with by