system/serenity
system/serenity
1
0
Fork 0
mirror of https://github.com/SerenityOS/serenity synced 2024-09-30 21:24:44 +00:00
Code Issues Packages Projects Releases Wiki Activity

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.

(cherry picked from commit 062a266574a24fe13f2a77401b97f833c3cdd099)
This commit is contained in:
simonkrauter 2024-07-07 07:37:42 -03:00 committed by Nico Weber
parent fceb6e021f
commit 74408dae20
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