Skip to content

← Examples

Theme toggle with custom properties

Light/dark switch driven only by CSS variables.

CSSintermediate
  • variaveis
  • temas
  • dark-mode
  • interacao

Este exemplo usa um toggle manual (classe/atributo). Combine com prefers-color-scheme no site real — como fazemos no próprio CSS4HTML.

HTML
CSS
Live preview