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/FileUpload.vue | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

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

diff --git a/src/components/FileUpload.vue b/src/components/FileUpload.vue
index b2fdb14..a70e18d 100644
--- a/src/components/FileUpload.vue
+++ b/src/components/FileUpload.vue
@@ -30,7 +30,7 @@ export default {
   background-color: #500000;
   color: white;
   font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
-  padding: 5px;
+  padding: 0.5em;
   text-align: center;
 }
 
@@ -38,4 +38,10 @@ export default {
   color: grey;
   cursor: pointer;
 }
+
+@media (prefers-color-scheme: dark) {
+  .file-upload-lbl {
+    background-color: #81302b;
+  }
+}
 </style>
-- 
cgit v1.2.3