Base Color.

Highlight Color.

Navigation Color.

Search Color.

Hi! When you're ready, pick four colors for your theme by clicking on each box.

How to apply theme on ProtonMail v3.7.3.

Hover on steps 1 to 3 to find more information.

Initial demonstration of how to apply theme.

About.

This is a tool can be used to quickly put together a theme for ProtonMail v3.7.3 without using any code.

It creates a theme from four colors. You can select colors by using the color picker or by typing a hexadecimal value which will be applied when you click out of the color box.

Each color you pick styles different areas and elements of the layout in order to reduce the time spent building a theme. You can use the preview to have an idea of how your color scheme will look when applied to account.

Instructions.

1. Start by picking four colors, you can have a look at the preview to help you tweak them should you need it.

2. Once you are happy with your colors a bunch of code (CSS only) is going to be generated for you. Press the copy theme button to copy your theme to your clipboard. You can keep tweaking your color choices even after you pick four of them, just press copy code when you're ready. Alternatively, press Raw CSS to see the code that was generated.

3. Login on ProtonMail, head to Settings, click on the Appearance tab and paste the theme on Custom Theme. Press save and your colors on your account should change.