finish theme/wallpaper impl

This commit is contained in:
Iris Lightshard 2024-03-18 22:32:45 -06:00
parent ab4af46218
commit 5b506f06d0
Signed by: Iris Lightshard
GPG key ID: 688407174966CAF3
2 changed files with 26 additions and 7 deletions

View file

@ -380,8 +380,12 @@ input[type="file"] {
} }
#theme_cfg input[type="file"] { #theme_cfg input[type="file"] {
height: 35px; height: 50px;
width: 120px; width: 100%;
}
#theme_cfg .upload-wrapper {
font-size:150%;
} }
input[type="file"]:not(:valid) + .file-feedback::after { input[type="file"]:not(:valid) + .file-feedback::after {
@ -418,7 +422,7 @@ input[type="file"]:valid + .file-feedback::after {
#theme_cfg { #theme_cfg {
display: grid; display: grid;
grid-template-columns: 1fr auto; grid-template-columns: 1fr 1fr;
} }
input[type=range] { input[type=range] {
@ -490,3 +494,17 @@ input[type=range]::-moz-range-track {
height: 16px; height: 16px;
border-top: solid 1px var(--fg_color); 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);
}

View file

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