Skip to content
This repository was archived by the owner on Jan 3, 2022. It is now read-only.

Commit 672971c

Browse files
authored
Merge pull request #14 from csalmeida/gulp
Replaced Webpack with Gulp. Theme updates.
2 parents 2dd82eb + 4d43286 commit 672971c

File tree

21 files changed

+2172
-5237
lines changed

21 files changed

+2172
-5237
lines changed

.example.env

Lines changed: 0 additions & 3 deletions
This file was deleted.

LICENSE

Lines changed: 0 additions & 22 deletions
This file was deleted.

README.md

Lines changed: 8 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
# ProtonMail Themes
2-
Since [v1.16](https://blog.protonmail.ch/protonmail-beta-v1-16-release-notes/), the encrypted mail service allows the use of themes with Cascading Style Sheets. You can pick a theme from the [Themes](Themes/) folder or create a custom one yourself using CSS. Feel free to [use the theme template provided](Themes/theme_template) as a starting point.
2+
Since [v1.16](https://blog.protonmail.ch/protonmail-beta-v1-16-release-notes/), the encrypted mail service allows the use of themes with Cascading Style Sheets. You can pick a theme from the [Themes](Themes/) folder or create a custom one yourself using CSS. Feel free to [use the theme template provided](templates/theme_example) as a starting point.
33

4-
> These themes were developed for **[v3.12.x](https://github.com/csalmeida/protonmail-themes/releases)** of ProtonMail.
4+
> These themes were developed for **[v3.14.x](https://github.com/csalmeida/protonmail-themes/releases)** of ProtonMail.
55
66
### How to use a theme.
77
1. Pick one from the themes folder in the repository.
@@ -40,18 +40,17 @@ cd protonmail-themes
4040
npm install
4141
```
4242

43-
Create a `.env` file from the example. You can choose between creating as many themes in with `SCSS` on the `/templates` folder or a single theme from the `theme-template.scss`. When you're done convert them into `CSS` by running the following commands:
43+
Themes can be created by duplicating and renaming the [example theme folder](templates/theme_example) and its `.scss` file to the theme name. Then edit that file by chaging the color variables. You can also extend the theme by editing the `_styles.css` partial or by creating a custom one.
4444

45+
Two commands are available to compile themes:
4546
```
46-
*// Transpiles multiple themes at once.*
47-
npm run theme-build-all
47+
*// Compiles themes as changes are made.*
48+
npm run watch
4849
49-
*// Transpiles a single theme from theme_template.scss*
50-
npm run theme-build
50+
*// Compiles all themes.*
51+
npm run build
5152
```
5253

53-
The setup and transpile steps are [explained in slightly more detail on a wiki page](https://github.com/csalmeida/protonmail-themes/wiki/Project-setup-and-theme-compilation).
54-
5554
### Feedback and fixes.
5655
If you notice something's missing feel free to make a pull request. If you have no time to fix it please open an issue.
5756

0 commit comments

Comments
 (0)