mirror of
https://github.com/go-gitea/gitea.git
synced 2026-08-21 21:30:36 +00:00
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:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user