Middle section and borders change color to a darker one when in night…

… mode background color slightly changed
Ajatt-Tools · Apr 23, 2022 · 8e56365 · 8e56365
1 parent 259ab99
commit 8e56365
Showing 1 changed file with 18 additions and 14 deletions.
diff --git a/note_type/japanese_sentences.css b/note_type/japanese_sentences.css
@@ -50,6 +50,11 @@
         display: flex;
         justify-content: center;
     }
+    .nightMode.card {
+        background-color: #2f2f31;
+        display: flex;
+        justify-content: center;
+    }
     .wrap {
         width: 800px;
         padding: 0 5px 0;
@@ -58,6 +63,14 @@
         border-right: 1px solid #c9bcbc;
         min-height: 100vh;
     }
+    .nightMode .wrap {
+        width: 800px;
+        padding: 0 5px 0;
+        background-color: #3a3a3a;
+        border-left: 1px solid #202020;
+        border-right: 1px solid #202020;
+        min-height: 100vh;
+    }
     .wrap .wrap {
         width: auto;
         padding: 0;
@@ -380,20 +393,11 @@ ol {
     color: white;
 }
 
-@media screen and (min-width: 820px) {
-    .nightMode.card {
-        background-color: #2f2f31;
-        display: flex;
-        justify-content: center;
-    }
-    .nightMode .wrap {
-        width: 800px;
-        padding: 0 5px 0;
-        background-color: #3a3a3a;
-        border-left: 1px solid #0f0f0f;
-        border-right: 1px solid #0f0f0f;
-        min-height: 100vh;
-    }
+.nightMode hr{
+    margin: 2px 0;
+    clear: both;
+    border: 0;
+    border-top: 1px solid #202020;
 }
 
 /* Don't select furigana */