enhance(ui): forced colors mode enhancements (#38991)

Improve various UI elements while in [forced color
mode](https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/At-rules/@media/forced-colors).
This commit is contained in:
silverwind
2026-08-20 07:11:57 +02:00
committed by GitHub
parent ed4d7ea08d
commit 8f7eb9f161
4 changed files with 46 additions and 0 deletions
+23
View File
@@ -172,6 +172,29 @@ input[type="checkbox"]:indeterminate::before {
background: var(--color-primary) !important;
}
@media (forced-colors: active) {
input[type="checkbox"]:checked,
input[type="checkbox"]:indeterminate {
background: CanvasText;
border-color: CanvasText;
}
input[type="checkbox"]:disabled:checked,
input[type="checkbox"]:disabled:indeterminate {
background: GrayText;
border-color: GrayText;
}
input[type="radio"]:disabled:checked {
border-color: GrayText;
}
.ui.toggle.checkbox label::before {
outline: 1px solid CanvasText;
outline-offset: -1px;
}
.ui.toggle.checkbox label::after {
background: CanvasText;
}
}
label.gt-checkbox {
display: inline-flex;
align-items: center;