0ct0pu5/ladybird
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 2

LibWeb: Use system colors for input type range and progress as default

Browse source 
Instead of using fixed arbitrary colors for the background of the bar,
AccentColor and Background are now used.
This commit is contained in:
simonkrauter 2024-07-07 07:37:42 -03:00 • committed by Sam Atkins
parent 067bb64eb5
commit 062a266574
Notes: sideshowbarker 2024-07-18 22:57:59 +09:00
1 changed files with 4 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
Userland/Libraries/LibWeb/CSS/Default.css
View file

@ -80,7 +80,7 @@ input[type=range]::-webkit-slider-runnable-track, input[type=range]::-webkit-sli
input[type=range]::-webkit-slider-runnable-track {
height: 4px;
margin-top: 6px;
background-color: hsl(217, 71%, 53%);
background-color: AccentColor;
border: 1px solid rgba(0, 0, 0, 0.5);
}
input[type=range]::-webkit-slider-thumb {
@ -89,7 +89,7 @@ input[type=range]::-webkit-slider-thumb {
height: 16px;
transform: translateX(-50%);
border-radius: 50%;
background-color: hsl(0, 0%, 96%);
background-color: Background;
outline: 1px solid rgba(0, 0, 0, 0.5);
}
@ -128,11 +128,11 @@ progress::-webkit-progress-bar, progress::-webkit-progress-value {
height: 100%;
}
progress::-webkit-progress-bar {
background-color: hsl(0, 0%, 96%);
background-color: Background;
border: 1px solid rgba(0, 0, 0, 0.5);
}
progress::-webkit-progress-value {
background-color: hsl(204, 86%, 53%);
background-color: AccentColor;
}
/* 15.3.1 Hidden elements