CodePen Embed - Light/dark mode, the lazy way

<head>
  <meta name="color-scheme" content="light dark" />
</head>
<body>
  Hello!<br/>
  This is an example for default theme toggler.<br/>
  
  Try to change your system mode and this website will auto adapt to it.<br/>
  It also works with inputs and other native elements: <input type="date">
  
  You can use system colors too, like on this fake <span style="color: LinkText">link text</span> (recommended to be used with forced colors).
</body>

This Pen is owned by Ayc0 on CodePen.

See more by @ayc0 on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.