Proton Mail Carbon Editor Theme + customizations

Carbon theme in Proton Mail is beautiful but not complete, so i fix this.
目前為 2025-09-03 提交的版本，檢視最新版本。
換行
Proton Mail Carbon Editor Theme + customizations
Activé 
Prévisualiser en direct
Utiliser userstyles.world#8502
 

account.proton.me, ...
1
/* ==UserStyle==
2
@name           Proton Mail Carbon Editor Theme + customizations
3
@description    Carbon theme in Proton Mail is beautiful but not complete, so i fix this.
4
@version        2.0.8
5
@author         BreatFR
6
@namespace      https://gitlab.com/breatfr
7
@homepageURL    https://gitlab.com/breatfr/proton-mail
8
9
@supportURL     https://discord.gg/Q8KSHzdBxs
10
@license        AGPL-3.0-or-later; https://www.gnu.org/licenses/agpl-3.0.txt
11
@preprocessor   stylus
12

13
@var    checkbox    avatar      "Avatar instead initials"                   1
14
@var    text        avatarurl   "Avatar URL"                                "URL between quotes"
15
@var    checkbox    carbontheme "Fix Carbon Theme"                          1
16
@var    checkbox    meterbar    "Fix Meter bar colors"                      1
17
@var    checkbox    fixtop      "Fix Space Top"                             1
18
@var    checkbox    folders1st  "Folders 1st"                               1
19
@var    checkbox    hidelabels  "Hide Labels"                               1
20
@var    checkbox    hideleftnav "Hide Left Nav Icon"                        1
21
@var    checkbox    hideless    "Hide Less Toggle"                          1
22
@var    checkbox    hideoffer   "Hide Special Offer"                        1
23
@var    checkbox    hidetips    "Hide Tips"                                 1
24
@var    checkbox    hideview    "Hide View"                                 0
25
@var    checkbox    nospace     "No space between all messages and folders" 1
26
==/UserStyle== */
27

28
/* === Credits ===
29
Website        https://breat.fr
30
facebook       https://www.facebook.com/breatfroff
31
mastodon       https://mastodon.social/@breat_fr
32
telegram       https://t.me/breatfr
33
vk             https://vk.com/breatfroff
34
X (twitter)    https://x.com/breatfroff
35
=== Credits === */
36

S'applique à

URL sur le domaine
account.proton.me
Supprimer
Ajouter

URL sur le domaine
mail.proton.me
Supprimer
Ajouter
37
@-moz-document domain("account.proton.me"), domain("mail.proton.me") {
38
    if avatar {
39
        [data-testid="heading:userdropdown"] > span:nth-of-type(2) > span,
40
        .user-initials-active > span {
41
            display: none;
42
        }
43
        [data-testid="heading:userdropdown"] > span:nth-of-type(2) {
44
            border: 0;
45
            padding: 0;
46
        }
47
        [data-testid="heading:userdropdown"] > span:nth-of-type(2)::before {
48
            aspect-ratio: 1 / 1;
49
            background: url(avatarurl) center center / cover;
50
            border-radius: .5em;
51
            content: "";
52
            height: auto;
53
            margin: auto;
54
            padding: 0;
55
            width: 48px;
56
        }
57
        .user-initials-active {
58
            aspect-ratio: 1 / 1;
59
            background: url(avatarurl) center center / cover;
60
            border-radius: .5em;
61
            content: "";
62
            height: auto;
63
            margin: auto;