Skip to content
This repository has been archived by the owner on Aug 25, 2018. It is now read-only.

Commit

Permalink
Update README
Browse files Browse the repository at this point in the history
To sync up with the dark version.

Ref: atom/one-dark-ui#186
  • Loading branch information
simurai committed Nov 18, 2016
1 parent cec382d commit 1c23097
Showing 1 changed file with 10 additions and 10 deletions.
20 changes: 10 additions & 10 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,14 +1,14 @@
## One light UI theme [![Build Status](https://travis-ci.org/atom/one-light-ui.svg?branch=master)](https://travis-ci.org/atom/one-light-ui)
## One Light UI theme [![Build Status](https://travis-ci.org/atom/one-light-ui.svg?branch=master)](https://travis-ci.org/atom/one-light-ui)

A light UI theme that adjusts to most Syntax themes.
A light UI theme that adjusts to most syntax themes.

![one-light-ui](https://cloud.githubusercontent.com/assets/378023/6980108/fb10eec2-da27-11e4-9e52-7f4115044a97.png)

> The font used in the screenshots is [Fira Mono](https://github.com/mozilla/Fira). Icons by [file-icons](https://atom.io/packages/file-icons).
### Combine with other Syntax themes

There is a matching [Syntax theme](https://atom.io/themes/one-light-syntax), but most other Syntax themes work fine as well.
There is a matching [syntax theme](https://atom.io/themes/one-light-syntax), but most other syntax themes work fine as well.

![one-light-ui + sepia](https://cloud.githubusercontent.com/assets/378023/6980110/fc59aca6-da27-11e4-963c-7ecd8400b2c0.png)
> One light + [Sepia](https://atom.io/themes/sepia-syntax)
Expand All @@ -29,18 +29,18 @@ In the theme settings you can change the __Font Size__ to scale the whole UI up
Switch between 3 __Layout Modes__:

1. `Auto` (default) - In Auto mode, the UI and font size will automatically change based on the window size.
2. `Compact` - The UI stays compact to leave more space for the editor.
3. `Spacious` - The UI is expanded, giving some breathing room.
2. `Compact` - In Compact mode, the UI stays compact to leave more space for the editor.
3. `Spacious` - In Spacious mode, the UI is expanded, giving some breathing room.

And pick a __Tab Sizing__ mode:

1. `Auto` (default) - In Auto mode the tabs switch based on the window size.
2. `Minimum` - In Mimimum mode the tabs will be as small as possible.
3. `Even` - In Even mode all tabs will be the same size.
1. `Auto` (default) - In Auto mode, the tabs switch based on the window size.
2. `Minimum` - In Mimimum mode, the tabs will be as small as possible.
3. `Even` - In Even mode, all tabs will be the same size.

### Customize

It's also possible to resize only certain areas by adding the following to your `styles.less` (Use the DevTools to find the right selectors):
It's also possible to resize only certain areas by adding the following to your `styles.less` (Use DevTools to find the right selectors):

```css
.theme-one-light-ui {
Expand All @@ -53,4 +53,4 @@ It's also possible to resize only certain areas by adding the following to your
### FAQ

__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.
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.

0 comments on commit 1c23097

Please sign in to comment.