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