CodePen Embed - prefers-color-scheme

<body>
  <h1>안녕하세요</h1>
  <p>
    지금 사용중이신 컴퓨터의 모드가 다크모드라면<br>
    배경은 검은색, 글씨는 흰색으로 보일겁니다.
  </p>
</body>

@media(prefers-color-scheme: dark){
  body{
    background-color: #12121a !important;
    color: #fff !important;
    transition: 0.25s;
  }
}

This Pen is owned by kimsangjunv1 on CodePen.

This Pen doesn't use any external CSS resources.

This Pen doesn't use any external JavaScript resources.