[CSS] 다크모드? 생각보다 간단한 구현이었구나(주말공부)

 

@media (prefers-color-scheme: dark) {
    이곳엔 다크모드일때 css 작성
}

 

light는 라이트 테마일 때,

dark는 다크 테마일 때

 no-preference는 선호하는 테마가 없을때

 

 

 

<디폴트 세팅>

a {

 

    color: black;

}

---

@ media (prefers-color-scheme: dark) {

    body {

        background: black;

        color: white;

    }

 

    a {

        color: white;

    }

}