M static/style.css → static/style.css

@@ -380,8 +380,12 @@ width: 110px;
 }
 
 #theme_cfg input[type="file"] {
-  height: 35px;
-  width: 120px;
+  height: 50px;
+  width: 100%;
+}
+
+#theme_cfg .upload-wrapper {
+  font-size:150%;
 }
 
 input[type="file"]:not(:valid) + .file-feedback::after {
@@ -418,7 +422,7 @@ 
 
 #theme_cfg {
   display: grid;
-  grid-template-columns: 1fr auto;
+  grid-template-columns: 1fr 1fr;
 }
 
 input[type=range] {
@@ -489,4 +493,18 @@ input[type=range]::-moz-range-track {
   background: var(--sub_color);
   height: 16px;
   border-top: solid 1px var(--fg_color);
-}+}
+
+input[type=range]:focus {
+    border: none;
+}
+
+input[type=range]:focus::-moz-range-track { 
+  border-top: solid 1px var(--main_color);
+}
+
+
+input[type=range]:focus::-webkit-slider-runnable-track {
+  border-top: solid 1px var(--main_color);
+}
+    

M templates/config.html → templates/config.html

@@ -24,11 +24,12 @@ <label for="login-upload">Set Login BG</label><br/>
   <input type="file" id="login_bg_upload" name="file"/>
   </div>
   
-  <div class="upload-wrapper">
+
+        <button onclick="setTheme()">Apply</button>
+          <div class="upload-wrapper">
   <label for="main-upload">Set Main BG</label><br/>
   <input type="file" id="main_bg_upload" name="file"/>
-  </div>
-        <button onclick="setTheme()">Apply</button><button onclick="resetTheme(defaultTheme, true)">Reset</button>
+  </div><button onclick="resetTheme(defaultTheme, true)">Reset</button>
       </form>
     </details>