pulsar/packages/one-light-ui
2018-09-12 15:05:49 +09:00
..
lib Decaffeinate one-light-ui package 2018-09-06 11:22:42 -07:00
spec Decaffeinate one-light-ui package 2018-09-06 11:22:42 -07:00
styles Fix icon in autocomplete popover 2018-09-11 12:58:01 +09:00
.gitignore ➡️ Migrate core package 'one-light-ui' into ./packages 2018-08-24 13:05:34 -04:00
index.less ➡️ Migrate core package 'one-light-ui' into ./packages 2018-08-24 13:05:34 -04:00
LICENSE.md ➡️ Migrate core package 'one-light-ui' into ./packages 2018-08-24 13:05:34 -04:00
package.json Fix the 'repository' field of migrated package's package.json files 2018-09-11 13:37:01 -07:00
README.md Remove obsolete build status link in one-light-ui README 2018-08-24 13:08:39 -04:00

One Light UI theme

A light UI theme that adapts to most syntax themes.

One light UI

The font used in the screenshot is Fira Mono.

Install

This theme comes bundled with Atom and can be activated by going to the Settings > Themes section and selecting "One Light" from the 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 Light 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):

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