LibWeb: Implement progress/range-input accent color in CSS

The `AccentColor` keyword does this in a simpler way, and allows authors
to override it.
This commit is contained in:
Sam Atkins 2025-03-18 16:03:06 +00:00
commit 4c3c907041
Notes: github-actions[bot] 2025-03-19 10:11:10 +00:00
5 changed files with 3 additions and 32 deletions

View file

@ -93,6 +93,7 @@ input[type=range] {
display: block;
position: absolute;
height: 100%;
background-color: AccentColor;
}
&::thumb {
@ -104,6 +105,7 @@ input[type=range] {
border-radius: 50%;
outline: 1px solid rgba(0, 0, 0, 0.5);
z-index: 1;
background-color: AccentColor;
}
}
@ -155,6 +157,7 @@ progress {
&::fill {
display: block;
height: 100%;
background-color: AccentColor;
}
}