Foundry376/Mailspring
1
1
Fork 0
mirror of https://github.com/Foundry376/Mailspring.git synced 2024-09-22 00:06:06 +08:00
Code Issues Packages Projects Releases Wiki Activity
Mailspring/internal_packages/ui-darkside
History
Evan Morikawa fcfae5d490 Fix references for ~/.nylas to ~/.nylas-mail 
Summary: Fix references to nylas-mail

Test Plan: manual

Reviewers: jackie, juan

Reviewed By: juan

Differential Revision: https://phab.nylas.com/D3674
2017-01-13 18:54:37 -08:00
..
styles (darkside) fixing composer fields spacing (#3020) 2016-11-07 09:49:25 -08:00
index.less design tweaks, breaking css up into files, update readme (#2858) 2016-09-20 10:20:15 -07:00
LICENSE adding ui-darkside to internal packages 2016-03-10 12:18:32 -06:00
package.json 🎨(rename): Update Nylas N1 to Nylas Mail 2017-01-12 12:05:44 -08:00
README.md Fix references for ~/.nylas to ~/.nylas-mail 2017-01-13 18:54:37 -08:00

README.md

Darkside

An dark sidebar theme for Nylas Mail. Created by Jamie Wilson

Activation

Darkside comes pre-installed with N1. To change themes, go to Nylas Mail > Change Theme… in the menu bar, then select Darkside. Learn more at support.nylas.com.

Customization

In order to customize Darkside, you'll need to manually install it.

1. Download the ui-darkside folder.

Download Option 1:
Download just the 'ui-darkside' folder thanks to the service gitzip by @kinolien.

Download Option 2:
Download the entire N1 repo or git clone https://github.com/nylas/N1.git. Then grab the folder from N1/internal_packages/ui-darkside.

2. Manual Install

To manually install a theme, go to Nylas Mail > Install Theme… in the menu bar. Select the ui-darkside folder you just downloaded. This will copy the folder into your N1 packages directory so you can delete the orginal download if you want to.

3. Customize

Open the theme directory
If you're on a Mac, you can find the theme files at ~/.nylas-mail/packages. To get there quickly, use the key command Cmd + Shift + G and enter ~/.nylas-mail/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.

// 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. If you need to, you can email me at [jamie@jamiewilson.io](mailto:jamie@jamiewilson?subject=Re: Darkside).