From ce3e77fae17da247cd8daecc07de3f1a578202e6 Mon Sep 17 00:00:00 2001
From: KokubunKazuya <kazup1125@me.com>
Date: Sun, 21 Nov 2021 10:04:23 +0900
Subject: [PATCH] Change style when in dark mode.

---
 .../layouts/letter_opener_web/styles/_letters.html.erb   | 9 +++++++++
 1 file changed, 9 insertions(+)

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
   }