How to load different css relative to time of day?

Question

css

Wrote something like this. Changes the styles of objects over time.

<script>var d = new Date();
      var time = d.getHours();
      if ( time  > 18) {
        document.getElementById('section1').style.backgroundImage = "url('img/bg2.jpg')";
        document.getElementById('utm_title').style.color = "#fff";
        document.getElementById('utm_desc').style.color = "#fff";
      }
    </script>

but it turned out that we would have to change a lot of objects, so there is an idea to load a whole css file. how to implement this? :with

Answer 1

codepen.io/corvus-007/pen/EVWGxx?editors=101