love/source/atom/Site ReadMe.md

79 lines
1.6 KiB
Markdown

<section>
<header class="is-light padded">
## Preview
</header>
</section>
<section class="images-section">
<div class="is-dark">
![Love Dark Preview 1](../images/atom/love-dark-01.png)
</div>
<div class="is-light">
![Love Light Preview 1](../images/atom/love-light-01.png)
</div>
<div class="is-dark">
![Love Dark Preview 2](../images/atom/love-dark-02.png)
</div>
<div class="is-light">
![Love Light Preview 2](../images/atom/love-light-02.png)
</div>
</section>
<div class="spacer"></div>
<section>
<header class="is-light padded">
## Installation
</header>
<div class="is-dark padded">
### Via Atom
1. Head to your Settings by clicking on `Edit -> Preferences`.
1. Head on the Install section.
1. Switch the search to look for Themes.
1. Search for `love-dark` or `love-light` and install the syntax and UI themes.
1. Done! ♥
</div>
<div class="is-light padded">
### Via the Command Line
1. Install the wanted themes with `apm install`:
* `apm install love-dark-syntax`
* `apm install love-dark-ui`
* `apm install love-light-syntax`
* `apm install love-light-ui`
1. Done! ♥
</div>
<div class="is-dark padded">
### From Source
Requires [NodeJS](https://nodejs.org) and [Yarn](https://yarnpkg.com) to be installed.
With a cloned repository and your current working directory at the root of it:
1. Install the dependencies with `yarn`.
1. Build the theme with `yarn build:atom`.
1. Link the wanted themes with `apm link`:
* `apm link source/atom/love-dark-syntax`
* `apm link source/atom/love-dark-ui`
* `apm link source/atom/love-light-syntax`
* `apm link source/atom/love-light-ui`
1. Done! ♥
</div>
</section>