다크모드2 React.JS, Next.JS, shadcn/ui 에서 dark mode 설정하기 목표 React.JS와 Next.JS, shadcn/ui로 구성된 프로젝트에 dark mode를 적용하는 법을 알아보자. 다크모드 변경 Next.JS 프로젝트 셋팅 아래와 같은 create-next-app 명령어로 Next.JS 14버전의 새로운 프로젝트를 생성한다. $ npx create-next-app@latest next-dark 명령어를 실행하면 사용자에게 몇가지 질문을 하는데 아래와 같이 src 디렉토리만 No를 선택하고, Tailwind CSS, App Router는 사용하도록 Yes를 선택한다. Need to install the following packages: ✔ Would you like to use TypeScript? … No / Yes > Yes ✔ Would you like t.. 2023. 12. 20. flutter에서 다크모드 테마 적용하기 플러터로 만든 앱에 다크모드와 같은 테마를 적용하기 위해선 MyApp의 MaterialApp에 theme 파라메터만 설정해주면 된다. ThemeData 객체에 원하는값을 셋팅해준 후 theme(기본테마)와 dartTheme(다크테마)에 설정해주도록 하자. class MyApp extends StatelessWidget { const MyApp({Key? key}) : super(key: key); // This widget is the root of your application. @override Widget build(BuildContext context) { return MaterialApp( title: 'Flutter Demo', theme: ThemeData( brightness: Bright.. 2022. 8. 29. 이전 1 다음
