ProtonMail custom CSS

This is my custom CSS for ProtonMail V4.0.0 (beta).

Features

• Get rid of the drawer effect on the labels to make them visible without the need of the mouse
• Sort labels according to a defined order. Default is first applied labels appear to the most left
• Breath effect for important labels

Default

Custom

Requirements

• Less.js v3.10.3
• npm

Installation

Run the following command to install Less.js:

$ npm install -g less

Compilation

Run the following command to compile the Less file:

$ lessc pm-custom.less pm-custom.css

Or hit Ctrl + Shift + B in VS Code (or Cmd + Shift + B on macOS).

Installation

Copy the content of pm-custom.css into the Custom Theme dialog in ProtonMail settings.