feat(theme) add ThemeSwitcher.tsx

tailwind.config.ts

@@ -1,20 +1,33 @@
-import type { Config } from "tailwindcss";
+import { nextui } from '@nextui-org/react';
+
+import type { Config } from 'tailwindcss';
 
 const config: Config = {
-  content: [
-    "./pages/**/*.{js,ts,jsx,tsx,mdx}",
-    "./components/**/*.{js,ts,jsx,tsx,mdx}",
-    "./app/**/*.{js,ts,jsx,tsx,mdx}",
-  ],
-  theme: {
-    extend: {
-      backgroundImage: {
-        "gradient-radial": "radial-gradient(var(--tw-gradient-stops))",
-        "gradient-conic":
-          "conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))",
-      },
-    },
-  },
-  plugins: [],
+    content: [
+        './pages/**/*.{js,ts,jsx,tsx,mdx}',
+        './components/**/*.{js,ts,jsx,tsx,mdx}',
+        './app/**/*.{js,ts,jsx,tsx,mdx}',
+        './node_modules/@nextui-org/theme/dist/**/*.{js,ts,jsx,tsx}'
+    ],
+    // theme: {
+    //     extend: {}
+    // },
+    darkMode: 'class',
+    plugins: [ nextui(
+        {
+            // defaultTheme: 'dark',
+            defaultExtendTheme: 'light',
+            themes: {
+                'light': {
+                    layout: {},
+                    colors: {}
+                },
+                'dark': {
+                    layout: {},
+                    colors: {}
+                }
+            }
+        }
+    ) ]
 };
 export default config;