Greasy Fork is available in English.

Proton Mail Carbon Editor Theme

Carbon theme in Proton Mail is beautiful but not complete, so i fix this.

/* ==UserStyle==
@name           Proton Mail Carbon Editor Theme
@description    Carbon theme in Proton Mail is beautiful but not complete, so i fix this.
@version        1.3.3
@author         BreatFR
@namespace      https://gitlab.com/breatfr
@homepageURL    https://gitlab.com/breatfr/proton-mail
@supportURL     https://discord.gg/Q8KSHzdBxs
@license        AGPL-3.0-or-later; https://www.gnu.org/licenses/agpl-3.0.txt
==/UserStyle== */

/* === Credits ===
Website        https://breat.fr
facebook       https://www.facebook.com/breatfroff
mastodon       https://mastodon.social/@breat_fr
telegram       https://t.me/breatfr
vk             https://vk.com/breatfroff
X (twitter)    https://x.com/breatfroff
=== Credits === */
@-moz-document domain("account.proton.me"), domain("mail.proton.me") {
    /* Carbon mode editor */
    #proton-editor-container,
    #proton-editor-toggle-container,
    #proton-root,
    #proton-root *,
    #rooster-editor,
    #rooster-editor div,
    #rooster-editor p,
    .composer-content--rich-edition,
    .message-content,
    .message-iframe *,
    .protonmail_quote,
    blockquote div,
    blockquote * {
        background-color: var(--email-message-view-background-color) !important;
        color: var(--text-norm) !important;
    }
    
    blockquote,
    blockquote[style="border-left: 3px solid rgb(200, 200, 200); border-top-color: rgb(200, 200, 200); border-right-color: rgb(200, 200, 200); border-bottom-color: rgb(200, 200, 200);"] {
        border-left: #444444 !important;
    }
    
    #ellipsis > svg {
        stroke: var(--text-norm) !important;
    }
    
    /* Signature color */
    .protonmail_signature_block-user,
    .protonmail_signature_block-user table div,
    .protonmail_signature_block-proton {
        color: var(--text-norm) !important;
    }

    /* Link color */
    #rooster-editor a,
    .protonmail_signature_block-user a,
    .protonmail_signature_block-proton a {
        color: #657ee4 !important;
    }

    /* Scrollbars */
    ::-webkit-scrollbar {
      width: 5px !important;
    }

    ::-webkit-scrollbar:horizontal {
        height: 5px !important;
    }

    ::-webkit-scrollbar-thumb {
        background: grey !important;
    }

    ::-webkit-scrollbar-thumb:hover {
        background: white !important;
    }
}