andymcintosh / two-light-ui Goto Github PK

A light 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 light + Sepia

One light + Chester

This theme is installed by default with Atom and can be activated by going to the Settings > Themes section and selecting "One Light" 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-light-ui { font-size: 14px; }

It's also possible to only change certain areas (Use the DevTools to find the right selectors):

.theme-one-light-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 dark background color, it only uses its hue, but otherwise stays light. This lets you use light-dark combos.