Easy Themes for ProtonMail
A collection of CSS themes that's simple to edit the colors and more.
Background Image Theme
Take any theme above and you can override the theme colors with your own.
/* First paste the CSS theme. *//* Now you can change the colors... */
And that's it!
variables make it easy to override colors. The
root keyword just means it will set the variables globally. These themes have been simplified down into 7 "core" colors that make it easy to overwrite any colors of your choice. So take one of the themes above and set the colors with your own. You can also generate a pretty color palette here.
- Copy a CSS theme.
- Paste in ProtonMail.
- Customize the colors (or leave default).
- This is only available for the WEB version and not the MOBILE app.
- Some of these themes aren't always the best. If you have any problems you can open an issue here.
- If you're trying to use
@import, the Content-Security-Policy (CSP) header blocks
@importstatements from loading remote content. To get around this, please copy and paste the entire contents of the CSS theme rather than the
Privacy and Performance
The above code used a CSS This is no longer a concern, now that the Content-Security-Policy (CSP) Header blocks
import statement for ease of use and quickly trying out a theme. However, the CSS
import statement causes files to load sequentially instead of parallel, thus slowing down your pages load performance. Also, if your privacy is of the utmost importance, then I wouldn't use the CSS
import statment from above. It potentially could reveal your behavior e.g. identifying when you load up ProtonMail using which specific theme. To avoid this, please copy & paste the entire contents of the CSS file, rather than use the
@import statements from loading remote content.
Spot a problem or bug? You can open an issue here.
I'll accept pull requests to the
master branch too. Please make sure to minify the CSS as well.
Share with friends
- Save, copy, tweak, and share any of this CSS theme.
- Licensed as MIT and free forever.