Skip to content

ProtonMail Deep Black Inbox by femoto

Screenshot of ProtonMail Deep Black Inbox

Details

Authorfemoto

LicenseNo License

Categoryprotonmail

Created

Updated

Size2.0 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Deep black version of Carbon/Monokai theme for the ProtonMail inbox.

IMPORTANT: DESIGNED ONLY FOR "Carbon" AND "Monokai" THEME. NOT TESTED WITH OTHER THEMES.

Notes

NEW:

  • Login/Sign-up page
  • Homepage (proton.me)

HOW TO USE:

  1. Install this theme
  2. Select either "Carbon" or "Monokai" theme in ProtonMail settings
  3. Done

Source code

/* ==UserStyle==
@name         ProtonMail Deep Black Inbox
@version      20230716.20.05
@namespace    userstyles.world/user/femoto
@description  Deep black version of Carbon/Monokai theme for the ProtonMail inbox.

IMPORTANT: DESIGNED ONLY FOR "Carbon" AND "Monokai" THEME. NOT TESTED WITH OTHER THEMES.
@author       femoto
@license      No License
==/UserStyle== */

@-moz-document domain("mail.proton.me") {
/* Sidebar ("New message", Inbox) */
.sidebar {
    background-color: black;
}

/* Settings header (Searchbar, upgrade-button, settings, etc.) */
.header {
    background-color: black;
}

/* Email title above email details*/
.message-conversation-summary,
.view-column-detail {
    background-color: black;
}

/* Button toolbar ("Mark as read", "Move to trash", etc.) */
.toolbar {
    background-color: black;
}

/* Filter bar ("All", "Read", "Unread", etc.) */
.bg-norm,
.bg-norm-even > :nth-child(2n),
.bg-norm-odd > :nth-child(2n+1) {
    background-color: black;
}

/* Email list container */
.ReactVirtualized__Grid__innerScrollContainer,
.items-column-list-inner {
    background-color: black;
}

/* Sidebar (Contacts, Proton Calendar) */
.drawer-sidebar {
    background-color: black;
}

/* Email header (Sender & recipient info, etc.) */
.message-container.is-opened .message-header {
    background-color: black;
}
}

@-moz-document url-prefix("https://account.proton.me/login") {
.sign-layout-bg {
    background-color: black;
}

body {
    color: white;
}

.ui-prominent,
.ui-standard {
    background-color: #171717;
    color: white;
}

.input {
    background-color: #3d3d3d;
    color: white;
}
}

@-moz-document url("https://proton.me/") {
/* text 1 */
p,
h1 {
    color: white;
}

/* text 2 */
.text-lg,
.text-base,
.text-xl {
    color: white;
}

/* upper background */
.bg-purple-25 {
    background-color: black;
}

/* lower background */
.bg-white {
    background-color: black;
}
}

Reviews

No reviews yet.