다크모드 적용 (next-themes)
·
Css
현재 개인 블로그를 만들면서 다크모드를 next-themes 라는 라이브러리를 사용해서 적용해보았다.개인 블로그 css를 tailwind로 적용했기 때문에 tailwind 방식으로 진행했다.tailwind.config.js 수정config중 darkMode를 ”class” 로 바꾼다.“class”로 수정해야 수동으로 어두운 모드 전환할 수 있다.기본형은 “media” 로 운영 체제 기본 설정에 의존한다.import type { Config } from "tailwindcss";const config: Config = { content: [ "./src/pages/**/*.{js,ts,jsx,tsx,mdx}", "./src/components/**/*.{js,ts,jsx,tsx,mdx}", ..