Merge pull request #7602 from opf/fix/30769-set-colors-for-mails-in-dark-mode

[30769] Set colors for mails in MacOS dark mode [ci skip]
5 years ago · 030693a56f
parent 326d52b268 878caeb06d
commit 030693a56f
2 changed files with 20 additions and 2 deletions
--- a/app/views/layouts/project_mailer.html.erb
+++ b/app/views/layouts/project_mailer.html.erb
@ -32,8 +32,17 @@ See docs/COPYRIGHT.rdoc for more details.
    body {
      font-family: Verdana, sans-serif;
      font-size: 0.8em;
-      color:#484848;
+      color: #484848;
+      background: #FFFFFF;
    }
+
+    @media (prefers-color-scheme: dark) {
+      body {
+        color: #CCC;
+        background: #222222;
+      }
+    }
+
    h1, h2, h3 { font-family: "Trebuchet MS", Verdana, sans-serif; margin: 0px; }
    h1 { font-size: 1.2em; }
    h2, h3 { font-size: 1.1em; }
--- a/app/views/layouts/user_mailer.html.erb
+++ b/app/views/layouts/user_mailer.html.erb
@ -32,8 +32,17 @@ See docs/COPYRIGHT.rdoc for more details.
      body {
        font-family: Verdana, sans-serif;
        font-size: 0.8em;
-        color:#484848;
+        color: #484848;
+        background: #FFFFFF;
      }
+
+      @media (prefers-color-scheme: dark) {
+        body {
+          color: #CCC;
+          background: #222222;
+        }
+      }
+      
      h1, h2, h3 { font-family: "Trebuchet MS", Verdana, sans-serif; margin: 0px; }
      h1 { font-size: 1.2em; }
      h2, h3 { font-size: 1.1em; }