https://github.com/rollecode/ui-darkside-spark
Dark theme for Nylas N1, inspired by Spark email client
https://github.com/rollecode/ui-darkside-spark
Last synced: 27 days ago
JSON representation
Dark theme for Nylas N1, inspired by Spark email client
- Host: GitHub
- URL: https://github.com/rollecode/ui-darkside-spark
- Owner: rollecode
- License: mit
- Created: 2017-01-03T08:25:28.000Z (over 9 years ago)
- Default Branch: master
- Last Pushed: 2018-04-05T14:25:06.000Z (about 8 years ago)
- Last Synced: 2026-05-02T13:33:35.053Z (28 days ago)
- Language: CSS
- Size: 12.7 KB
- Stars: 2
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Darkside (Spark inspired fork)
**An dark sidebar theme for [Nylas N1](https://nylas.com/n1). Created originally by [Jamie Wilson](http://jamiewilson.io)**, modified by Roni Laukkarinen.
## Activation
Download this repo as zip, unzip it, go to `Nylas N1 > Install theme...` in the menu bar.
#### Customizations and forks
If you'd like to make your own customizations, please do the following:
> **Open the theme directory**
> If you're on a Mac, you can find the theme files at `~/.nylas/packages`. To get there quickly, use the key command Cmd + Shift + G and enter `~/.nylas/packages`.
> **Change package.json**
> In order to avoid conflicts between your custom theme and the pre-installed version, change `name` and `displayName` in `package.json` to:
"name": "ui-darkside-custom",
"displayName": "Darkside Custom",
> **Edit LESS files**
> Open the `darkside-variables.less` file. To change colors, just comment out the default `@sidebar` and `@accent` variables and uncomment another theme or simply replace with your own colors.
```sass
// Default
@sidebar: #313042;
@accent: #F18260;
// Luna
// @sidebar: #202C46;
// @accent: #39DFF8;
// Zond
// @sidebar: #333333;
// @accent: #F6D49C;
// Gemini
// @sidebar: #00203C;
// @accent: #F6B312;
// Mercury
// @sidebar: #555;
// @accent: #999;
// Apollo
// @sidebar: #3A1E15;
// @accent: #F6AA1C;
```
### Feedback
If you have questions or suggestions, please submit an issue.