From 65d0dbb9b3388e03c312c1dd456feeef740289e0 Mon Sep 17 00:00:00 2001
From: Furkan Sahin <furkan-dev@proton.me>
Date: Tue, 13 Apr 2021 12:49:14 -0500
Subject: Start styling and add initial dark mode support

---
 src/components/List.vue | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

(limited to 'src/components/List.vue')

diff --git a/src/components/List.vue b/src/components/List.vue
index 031f708..843370e 100644
--- a/src/components/List.vue
+++ b/src/components/List.vue
@@ -28,7 +28,6 @@ export default {
 }
 
 .list-item {
-  border: 1px solid grey;
   border-radius: 5px;
   margin: 5px 0;
   padding: 0.15em;
@@ -38,4 +37,11 @@ export default {
 .list-item:hover {
   background-color: rgb(182, 182, 182);
 }
+
+@media (prefers-color-scheme: dark) {
+  .list-item {
+    background-color: #303030;
+    color: white;
+  }
+}
 </style>
-- 
cgit v1.2.3