override file-selector-button hover color

src/pages/Settings.vue

@@ -365,15 +365,16 @@ export default {
         color: #000;
     }
 
-    input[type=file]::file-selector-button {
+    #importBackup {
-        color: $primary;
+        &::file-selector-button {
-        background-color: $dark-bg;
+            color: $primary;
-    }
+            background-color: $dark-bg;
+        }
 
-    //Does not work for some reason
+        &:hover:not(:disabled):not([readonly])::file-selector-button {
-    input[type=file]::file-selector-button:hover {
+            color: $dark-font-color2;
-        color: $dark-font-color;
+            background-color: $primary;
-        background-color: $primary;
+        }
     }
 }