override file-selector-button hover color

src/pages/Settings.vue

@@ -365,17 +365,18 @@ export default {
         color: #000;
     }
 
-    input[type=file]::file-selector-button {
+    #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;
+        &:hover:not(:disabled):not([readonly])::file-selector-button {
+            color: $dark-font-color2;
             background-color: $primary;
         }
     }
+}
 
 footer {
     color: #aaa;