This website can switch between dark and light mode by clicking this switch button on the top right corner:

This switch affects the background and font color of the page, but it can also create cool effects with graphics that respond to it, like below:

This common feature across many websites is a rich “slice” of web development, showcasing the whole toolkit:

  • HTML
  • XML-based graphics (SVG)
  • CSS
  • JavaScript

Stay tuned for the next blog post, where we’ll create this feature from scratch, as well as graphics responsive to it.