☰

Proton Mail Carbon Editor Theme

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

当前为 2024-08-09 提交的版本，查看 最新版本。

  1. /* ==UserStyle==
  2. @name           Proton Mail Carbon Editor Theme
  3. @description    Carbon theme in Proton Mail is beautiful but not complete, so i fix this.
  4. @version        1.3.4
  5. @author         BreatFR
  6. @namespace      https://gitlab.com/breatfr
  7. @homepageURL    https://gitlab.com/breatfr/proton-mail
  8. @supportURL     https://discord.gg/Q8KSHzdBxs
  9. @license        AGPL-3.0-or-later; https://www.gnu.org/licenses/agpl-3.0.txt
  10. @preprocessor   stylus
  11.  
  12. @var    checkbox    hidelabels  "Hide Labels"       1
  13. @var    checkbox    hideless    "Hide Less toggle"  1
  14. @var    checkbox    hidetips    "Hide tips"         1
  15. @var    checkbox    nospace     "No space between all messages and folders" 1
  16. ==/UserStyle== */
  17.  
  18. /* === Credits ===
  19. Website        https://breat.fr
  20. facebook       https://www.facebook.com/breatfroff
  21. mastodon       https://mastodon.social/@breat_fr
  22. telegram       https://t.me/breatfr
  23. vk             https://vk.com/breatfroff
  24. X (twitter)    https://x.com/breatfroff
  25. === Credits === */
  26. @-moz-document domain("account.proton.me"), domain("mail.proton.me") {
  27.     if hidelabels {
  28.         ul.unstyled.navigation-list > li:last-child {
  29.             display: none;
  30.         }
  31.         ul.unstyled.navigation-list:last-child {
  32.             padding-bottom: 0;
  33.         }
  34.     }
  35.     
  36.     if hideless {
  37.         ul.unstyled.navigation-list > div:nth-of-type(5) {
  38.             display: none;
  39.         }
  40.     }
  41.     
  42.     if hidetips {
  43.         .tip-box {
  44.             display: none;
  45.         }
  46.     }
  47.     
  48.     if nospace {
  49.         ul.unstyled.navigation-list > li:nth-of-type(1) {
  50.             margin-top: 0;
  51.         }
  52.     }    
  53.     
  54.     /* Carbon mode editor */
  55.     #proton-editor-container,
  56.     #proton-editor-toggle-container,
  57.     #proton-root,
  58.     #proton-root *,
  59.     #rooster-editor,
  60.     #rooster-editor div,
  61.     #rooster-editor p,
  62.     .composer-content--rich-edition,
  63.     .message-content,
  64.     .message-iframe *,
  65.     .protonmail_quote,
  66.     blockquote div,
  67.     blockquote * {
  68.         background-color: var(--email-message-view-background-color) !important;
  69.         color: var(--text-norm) !important;
  70.     }
  71.     
  72.     blockquote {
  73.         border-bottom-color: #444444 !important;
  74.         border-left: 3px solid #444444 !important;
  75.         border-right-color: #444444 !important;
  76.         border-top-color: #444444 !important;
  77.     }
  78.     
  79.     #ellipsis > svg {
  80.         stroke: var(--text-norm) !important;
  81.     }
  82.     
  83.     /* Signature color */
  84.     .protonmail_signature_block-user,
  85.     .protonmail_signature_block-user table div,
  86.     .protonmail_signature_block-proton {
  87.         color: var(--text-norm) !important;
  88.     }
  89.  
  90.     /* Link color */
  91.     #rooster-editor a,
  92.     .protonmail_signature_block-user a,
  93.     .protonmail_signature_block-proton a {
  94.         color: #657ee4 !important;
  95.     }
  96.  
  97.     /* Scrollbars */
  98.     ::-webkit-scrollbar {
  99.       width: 5px !important;
  100.     }
  101.  
  102.     ::-webkit-scrollbar:horizontal {
  103.         height: 5px !important;
  104.     }
  105.  
  106.     ::-webkit-scrollbar-thumb {
  107.         background: grey !important;
  108.     }
  109.  
  110.     ::-webkit-scrollbar-thumb:hover {
  111.         background: white !important;
  112.     }
  113. }