☰

Proton Mail Carbon Editor Theme

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

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

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