From 8e1e4b9204f0799d8d1504c93eb0bfbd8daceea5 Mon Sep 17 00:00:00 2001
From: LouisLam <louislam@users.noreply.github.com>
Date: Thu, 2 Sep 2021 01:51:51 +0800
Subject: [PATCH] override file-selector-button hover color

---
 src/pages/Settings.vue | 17 +++++++++--------
 1 file changed, 9 insertions(+), 8 deletions(-)

diff --git a/src/pages/Settings.vue b/src/pages/Settings.vue
index c15b1410a..881b7aa5a 100644
--- a/src/pages/Settings.vue
+++ b/src/pages/Settings.vue
@@ -365,15 +365,16 @@ export default {
         color: #000;
     }
 
-    input[type=file]::file-selector-button {
-        color: $primary;
-        background-color: $dark-bg;
-    }
+    #importBackup {
+        &::file-selector-button {
+            color: $primary;
+            background-color: $dark-bg;
+        }
 
-    //Does not work for some reason
-    input[type=file]::file-selector-button:hover {
-        color: $dark-font-color;
-        background-color: $primary;
+        &:hover:not(:disabled):not([readonly])::file-selector-button {
+            color: $dark-font-color2;
+            background-color: $primary;
+        }
     }
 }