A dark UI theme that adjusts to most Syntax themes.
The font used in the screenshots is Fira Mono. Icons by file-icons.
There is a matching Syntax theme, but most other Syntax themes work fine as well.
One dark + Sepia
One dark + Chester
This theme is installed by default with Atom and can be activated by going to the Settings > Themes section and selecting "One Dark" from the UI Themes drop-down menu.
You can scale the whole UI up or down by adding this to your styles.less:
.theme-one-dark-ui { font-size: 14px; }It's also possible to only change certain areas (Use the DevTools to find the right selectors):
.theme-one-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 choosen Syntax theme. In case that Syntax theme has a light background color, it only uses its hue, but otherwise stays dark. This lets you use dark-light combos.