♿️ Add focus color change in settings menu

src/assets/base.css

@@ -3,6 +3,7 @@
   --element-color: #333030;
   --element-color-hover: #292424;
   --element-border-input: #4e7a3a;
+  --element-border-focus: #9ac982;
   --element-border-action: #1f5b63;
   --text-color: #bdbdbd;
   --font-family: "sourcesanspro";

src/views/SettingsView.vue

@@ -82,13 +82,18 @@ select {
   border: 2px solid var(--element-border-input);
   border-radius: 5px;
   background-color: var(--element-color);
-  transition: background-color 0.2s;
+  transition: 0.2s;
+  transition-property: background-color border-color;
 }
 
 select:hover {
   background-color: var(--element-color-hover);
 }
 
+select:focus {
+  border-color: var(--element-border-focus);
+}
+
 select[multiple] {
   min-width: 90px;
 }