light dark test

🧩 Syntax:

<style>
  body {
    align-items: center;
    display: flex;
    justify-content: center;
    flex-direction: column;
  }

  body::before {
    content: 'None';
    font-size: 72px;
  }

  @media (prefers-color-scheme: no-preference) {
    body {
      background: grey;
    }

    body::before {
      content: 'No color scheme preference';
      color: red;
    }
  }

  @media (prefers-color-scheme: light) {
    body::before {
      content: 'Light mode';
      color: blue;
    }
  }

  @media (prefers-color-scheme: dark) {
    body {
      background: black;
    }

    body::before {
      content: 'Dark mode';
      color: green;
    }
  }
</style>
<body></body>

📦 Size:: 714.00 B
🗓️ Created:: 3 years ago
🔄 Updated:: 6 months ago
👁️ Views:: 243

light dark test

ChatbotsPlace AI

Google Photos Downloader