fix checkbox
This commit is contained in:
13
src/app.css
13
src/app.css
@@ -412,7 +412,7 @@ label.underlinedInputLabel {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.checkbox-container input:checked ~ .checkmark {
|
.checkbox-container input:checked ~ .checkmark {
|
||||||
background-color: #2196f3;
|
background-color: var(--color-text);
|
||||||
}
|
}
|
||||||
|
|
||||||
input[type="checkbox"] {
|
input[type="checkbox"] {
|
||||||
@@ -442,16 +442,7 @@ input[type="checkbox"]::before {
|
|||||||
transition: 120ms transform ease-in-out;
|
transition: 120ms transform ease-in-out;
|
||||||
/* Windows High Contrast Mode */
|
/* Windows High Contrast Mode */
|
||||||
background-color: CanvasText;
|
background-color: CanvasText;
|
||||||
}
|
box-shadow: inset 1em 1em var(--color-text);
|
||||||
@media (prefers-color-scheme: light) {
|
|
||||||
input[type="checkbox"]::before {
|
|
||||||
box-shadow: inset 1em 1em black;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (prefers-color-scheme: dark) {
|
|
||||||
input[type="checkbox"]::before {
|
|
||||||
box-shadow: inset 1em 1em white;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
input[type="checkbox"]:checked::before {
|
input[type="checkbox"]:checked::before {
|
||||||
|
|||||||
Reference in New Issue
Block a user