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"] {
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 @@ input[type="file"]:valid + .file-feedback::after {
#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);
}

View file

@ -24,11 +24,12 @@
<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>