A dark UI theme for Atom
MIT License
A dark UI theme that adjusts to most syntax themes.
There is a matching syntax theme, but most other syntax themes work fine as well.
This theme can be activated by going to the Settings > Themes section and selecting "One Dark" from the UI Themes drop-down menu.
In the theme settings you can change the Font Size to scale the whole UI up or down.
Switch between 3 Layout Modes:
Auto
(default) - In Auto mode, the UI and font size will automatically change based on the window size.Compact
- In Compact mode, the UI stays compact to leave more space for the editor.Spacious
- In Spacious mode, the UI is expanded, giving some breathing room.And pick a Tab Sizing mode:
Auto
(default) - In Auto mode, the tabs switch based on the window size.Minimum
- In Mimimum mode, the tabs will be as small as possible.Even
- In Even mode, all tabs will be the same size.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-neutron-dark-ui {
.tab-bar { font-size: 18px; }
.tree-view { font-size: 14px; }
.status-bar { font-size: 12px; }
}
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.