diff --git a/app/views/layouts/letter_opener_web/styles/_letters.html.erb b/app/views/layouts/letter_opener_web/styles/_letters.html.erb
index 05065f0..6804126 100644
--- 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
   }