79 lines
1.6 KiB
Markdown
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>
|