Used grid for the design. Used range input for the toggle.

Community feedback

• 

  Lukáš Říha•225

  @lukasrihaPosted over 3 years ago

  Hi sos97!

  Well done considering this is your first time using javascript. However, I think changing all the colors using javascript is a bit overkill. If I were to implement this, I would be toggling the class name of your grid component, and have css handle the rest. For instance you'd have three classes

  .grid.regular-theme {
   background-color: ....
  }
  
  .grid.dark-theme {
  background-color: ....
  }
  
  .grid.light-theme {
  background-color: ...
  }
  
  

  This way you can style everything based on the class of your root component :) But that's just what I would do, there's a milion ways to do things :) Happy Coding!

  Marked as helpful

  1

  ---

  

  sos97•140

  @sos97Posted over 3 years ago

  @onenKokos Thanks for the suggestion. The varying class method is really great! :)

  0