Deep black version of Carbon/Monokai theme for the ProtonMail inbox.
IMPORTANT: DESIGNED ONLY FOR "Carbon" AND "Monokai" THEME. NOT TESTED WITH OTHER THEMES.
Authorfemoto
LicenseNo License
Categoryprotonmail
Created
Updated
Size2.0 kB
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Deep black version of Carbon/Monokai theme for the ProtonMail inbox.
IMPORTANT: DESIGNED ONLY FOR "Carbon" AND "Monokai" THEME. NOT TESTED WITH OTHER THEMES.
/* ==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;
}
}