[CSS] Light theme panels background image fix. Input elements with proper padding.
This commit is contained in:
parent
7a0e256557
commit
9f6acc04aa
|
@ -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);
|
||||
}
|
||||
}
|
||||
}
|
Loading…
Reference in New Issue
Block a user