Something that also passed me by without a trace – you can change the background color using accent-color
It has always bothered me that you have to accept this bright blue color.
input[type=checkbox] {
accent-color: red;
}
input[type=radio] {
accent-color: green;
}
besides that – you can influence range (f.e.: for Audio-Volume) or progress (f.e.: for download-process)
input[type=range] {
accent-color: blue;
}
progress {
accent-color: aquamarine;
}
_______________________
Allowed values
and : Inheritance controlling values
by the way – in this css about browser preset colors the scrollbar could influenced too:
for example for body
selector {
scrollbar-color: #7bb0e7 #ddd;
}
but it has no good browser support ( f.e. Safari) https://caniuse.com/?search=scrollbar-color