Merge pull request #2 from cobraguy/styling

Add styling and dark mode

1 files changed, 8 insertions, 3 deletions

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