☰

Proton Mail Carbon Editor Theme

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

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

  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.00
  5. @namespace    userstyles.world/user/breat
  6. @author       BreatFR
  7. @homepageURL  https://github.com/breatfr/Proton-Mail-Carbon-Editor-Theme
  8. @license      GPL-3.0-or-later; http://www.gnu.org/licenses/gpl-3.0.txt
  9. ==/UserStyle== */
  10.  
  11. /* === Credits ===
  12. Website         https://breat.fr
  13. facebook        https://www.facebook.com/breatfroff
  14. mastodon        https://mastodon.social/@breat_fr
  15. telegram        https://t.me/+5ZLC2qntf6xmYmI0
  16. vk              https://vk.com/breatfroff
  17. X (twitter)     https://x.com/breatfroff
  18. === Credits === */
  19.  
  20. @-moz-document domain("account.proton.me"), domain("mail.proton.me") {
  21. /* Carbon mode editor */
  22. #proton-editor-container,
  23. #proton-editor-toggle-container,
  24. #proton-root,
  25. #proton-root div,
  26. #proton-root p,
  27. #proton-root td,
  28. #proton-root td.container,
  29. #rooster-editor,
  30. #rooster-editor div,
  31. #rooster-editor p,
  32. #rooster-editor td,
  33. .composer-content--rich-edition,
  34. .message-content,
  35. .protonmail_quote,
  36. blockquote div,
  37. blockquote p,
  38. blockquote td {
  39.     background: var(--email-message-view-background-color) !important;
  40.     color: var(--text-norm) !important;
  41. }
  42.  
  43. blockquote {
  44.     border-left: #444444 !important;
  45. }
  46.  
  47. /* Signature color */
  48. .protonmail_signature_block-user,
  49. .protonmail_signature_block-user table div,
  50. .protonmail_signature_block-proton {
  51.     color: var(--text-norm) !important;
  52. }
  53.  
  54. /* Link color */
  55. #rooster-editor a,
  56. .protonmail_signature_block-user a,
  57. .protonmail_signature_block-proton a {
  58.     color: #657ee4 !important;
  59. }
  60.  
  61. /* Scrollbars */
  62. ::-webkit-scrollbar {
  63.   width: 5px !important;
  64. }
  65.  
  66. ::-webkit-scrollbar:horizontal {
  67.     height: 5px !important;
  68. }
  69.  
  70. ::-webkit-scrollbar-thumb {
  71.     background: grey !important;
  72. }
  73.  
  74. ::-webkit-scrollbar-thumb:hover {
  75.     background: white !important;
  76. }
  77. }