프로그래밍/개발메모

@vueuse/core / VUE 에서 다크모드 전환 버튼 구현할때

SIDNFT 2025. 4. 6. 02:29
반응형

 

tailwind 필수 입니다.

따라하기 영상: https://www.youtube.com/watch?v=7_mqThfC_yM

 

빼먹지 말아야하는게

public/index.html 의 body 부분에

<body color-scheme="dark">

이거 들어가야합니다.

저는 어두운게 기본이라 dark 를 썼지만

밝은게 기본이라면 light 를 쓰시면 됩니다.

 

tailwind.config.js 에는

  darkMode: "class",

이거 들어가야합니다.

media 는 사용자 윈도우즈 설정을 따르기 때문에 변경을 할 수 가없습니다. 

class 는 변경할 수 있습니다.

나머진 영상 따라하시면 될 것 같구요

옛날보다 더 쉬워졌군요

좋네요

 

반응형