H1 Black UI theme for Atom editor

A black UI theme that adapts to most syntax themes.

There is also a matching H1 Black Syntax theme.

Install

• Clone this repo or download as zip and put it in your .atom/packages directory.

• After installing, select "H1 Black" from the Settings > Themes > UI Themes drop-down menu.

Settings

In the theme settings you can:

• Change the Font Size to scale the whole UI up or down.
• Choose between 3 Tab Sizing modes.
• Hide the dock buttons.

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

Special thanks

H1 Black is based on One Dark UI theme

The font used in the screenshot is SauceCodePro Nerd Font. In case you haven't tried Nerd Fonts yet, you definitely should.

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):

.theme-h1-black-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.