Dynamic Color Slider: Create a website that adjusts its theme in real-time with CSS and Javascript

[@Deckard76]

Keep posting regularly... these tutorials and presented ideas are really amazing!

[@SuperHi]

Thank you! We’ve got a bunch of them lined up so there’s more coming! Anything you’d like Rik to cover?

[@lachesis1033]

Can i also change the background color accordingly with the same slider?

[@SuperHi]

Yes you can! As there's a CSS variable for the background (--background-color), then you could add a 3rd change to update that variable accordingly!

[@EARTH38221]

how to create that slider

[@EARTH38221]

got it
input type="range"
css
input[type="range"]::-webkit-slider-runnable-track {
background: linear-gradient( needed colors );
}