mirror of
https://github.com/LadybirdBrowser/ladybird.git
synced 2025-10-03 14:50:02 +00:00
LibWeb: Use system colors for input type range and progress as default
Instead of using fixed arbitrary colors for the background of the bar, AccentColor and Background are now used.
This commit is contained in:
parent
067bb64eb5
commit
062a266574
Notes:
sideshowbarker
2024-07-18 22:57:59 +09:00
Author: https://github.com/simonkrauter
Commit: 062a266574
Pull-request: https://github.com/LadybirdBrowser/ladybird/pull/486
Reviewed-by: https://github.com/AtkinsSJ ✅
1 changed files with 4 additions and 4 deletions
|
@ -80,7 +80,7 @@ input[type=range]::-webkit-slider-runnable-track, input[type=range]::-webkit-sli
|
||||||
input[type=range]::-webkit-slider-runnable-track {
|
input[type=range]::-webkit-slider-runnable-track {
|
||||||
height: 4px;
|
height: 4px;
|
||||||
margin-top: 6px;
|
margin-top: 6px;
|
||||||
background-color: hsl(217, 71%, 53%);
|
background-color: AccentColor;
|
||||||
border: 1px solid rgba(0, 0, 0, 0.5);
|
border: 1px solid rgba(0, 0, 0, 0.5);
|
||||||
}
|
}
|
||||||
input[type=range]::-webkit-slider-thumb {
|
input[type=range]::-webkit-slider-thumb {
|
||||||
|
@ -89,7 +89,7 @@ input[type=range]::-webkit-slider-thumb {
|
||||||
height: 16px;
|
height: 16px;
|
||||||
transform: translateX(-50%);
|
transform: translateX(-50%);
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
background-color: hsl(0, 0%, 96%);
|
background-color: Background;
|
||||||
outline: 1px solid rgba(0, 0, 0, 0.5);
|
outline: 1px solid rgba(0, 0, 0, 0.5);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -128,11 +128,11 @@ progress::-webkit-progress-bar, progress::-webkit-progress-value {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
progress::-webkit-progress-bar {
|
progress::-webkit-progress-bar {
|
||||||
background-color: hsl(0, 0%, 96%);
|
background-color: Background;
|
||||||
border: 1px solid rgba(0, 0, 0, 0.5);
|
border: 1px solid rgba(0, 0, 0, 0.5);
|
||||||
}
|
}
|
||||||
progress::-webkit-progress-value {
|
progress::-webkit-progress-value {
|
||||||
background-color: hsl(204, 86%, 53%);
|
background-color: AccentColor;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 15.3.1 Hidden elements
|
/* 15.3.1 Hidden elements
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue