perf: dark mode

mogland · Jan 29, 2023 · 583f162 · 583f162
1 parent 5d38417
commit 583f162
Showing 1 changed file with 17 additions and 0 deletions.
diff --git a/src/App.css b/src/App.css
@@ -65,6 +65,7 @@ h1 {
   padding: 2rem;
   color: #213547;
   background-color: #f3f3f3;
+  position: absolute;
 }
 
 .card {
@@ -337,3 +338,19 @@ input {
 .comment-item:hover .comment-item-reply button {
   opacity: 1;
 }
+
+@media (prefers-color-scheme: dark) {
+  .comment-item {
+    background-color: #242424;
+  }
+  .textarea {
+    background-color: #242424;
+    color: #fff;
+  }
+  .textarea:focus {
+    background-color: rgb(26, 26, 26);
+  }
+  button {
+    color: #fff;
+  }
+}