[CSS] Light theme panels background image fix. Input elements with proper padding.

This commit is contained in:
Eliseu Amaro 2021-09-06 19:33:51 +01:00 committed by Hugo Sales
parent 7a0e256557
commit 9f6acc04aa
No known key found for this signature in database
GPG Key ID: 7D0C7EAFC9D835A0

View File

@ -450,11 +450,14 @@ input {
display: block;
position: relative;
color: var(--white);
padding: 5px 10px;
padding: 2px 8px;
border: 2px solid var(--bg2) !important;
border-radius: var(--unit-size) !important;
background-color: var(--translucent) !important;
}
button {
padding: 5px 10px;
}
select {
-webkit-appearance: none !important;
@ -684,4 +687,19 @@ input[type=file] {
background-repeat: no-repeat;
background-size: 100% 100%;
}
@media (prefers-color-scheme: dark) {
#panel-left-toggle:checked ~ .panel-content,
#panel-right-toggle:checked ~ .panel-content,
a[id|="anchor"]:target ~ .panel-content {
background-image: url(../images/bg.png);
}
}
@media (prefers-color-scheme: light) {
#panel-left-toggle:checked ~ .panel-content,
#panel-right-toggle:checked ~ .panel-content,
a[id|="anchor"]:target ~ .panel-content {
background-image: url(../images/bg-light.png);
}
}
}