Как изменить цвет фона сайта по клику

Для изменения цвета фона и фонового изображения сайта js не нужен, достаточно использовать возможности css3
Кликабельно:

Код:

html

<input type="radio" checked="checked" name="slide" id="slide1"> 
<input type="radio" name="slide" id="slide2"> 
<input type="radio" name="slide" id="slide3">
     
<div class="slider">
     
<label for="slide1"></label>
<label for="slide2"></label>
<label for="slide3"></label>

 css

.slider {
    background: #849D8F url(../img/slide-1.png) center top no-repeat;
    background-size: cover;
    transition: .5s;
    height: 838px;
}

#slide2:checked ~ .slider {
    background: #8996A6 url(../img/slide-2.png) center top no-repeat;
    background-size: cover;
    transition: .5s;
    height: 838px;
}

#slide3:checked ~ .slider {
    background: #9D8B84 url(../img/slide-3.png) center top no-repeat;
    background-size: cover;
    transition: .5s;
    height: 838px;
}

Источник