Change style when in dark mode.

fgrehm · May 13, 2024 · ce3e77f · ce3e77f
1 parent af99799
commit ce3e77f
Showing 1 changed file with 9 additions and 0 deletions.
diff --git a/app/views/layouts/letter_opener_web/styles/_letters.html.erb b/app/views/layouts/letter_opener_web/styles/_letters.html.erb
@@ -1,4 +1,13 @@
 <style>
+  @media (prefers-color-scheme: dark) {
+      body {
+          background-color: black;
+      }
+      .left, .right {
+          filter: invert(1) hue-rotate(180deg);
+      }
+  }
+
   body {
     margin: 0
   }