updated theme

Author: ariflogs

content/docs/install/nextjs.mdx

@@ -16,7 +16,7 @@ npx shadcn@latest init
 
 ### 2. Install utilities
 
-Many components rely on the `cn` utility function. You can install it using the following command:
+If the `libs/utils.ts` file is not present in your project, you can install it using the following command:
 
 ```sh
 npx shadcn@latest add https://retroui.dev/r/utils.json
@@ -130,6 +130,9 @@ Save your theme as CSS variables in `global.css`:
   --color-background: var(--background);
   --color-foreground: var(--foreground);
   --color-primary: var(--primary);
+  --color-primary-foreground: var(--primary-foreground);
+  --color-secondary: var(--secondary);
+  --color-secondary-foreground: var(--secondary-foreground);
   --color-primary-hover: var(--primary-hover);
   --color-card: var(--card);
   --color-card-foreground: var(--card-foreground);
@@ -150,6 +153,8 @@ Save your theme as CSS variables in `global.css`:
   --primary: #ffdb33;
   --primary-hover: #ffcc00;
   --primary-foreground: #000;
+  --secondary: #000;
+  --secondary-foreground: #fff;
   --muted: #aeaeae;
   --muted-foreground: #5a5a5a;
   --accent: #fae583;
@@ -158,6 +163,25 @@ Save your theme as CSS variables in `global.css`:
   --destructive-foreground: #fff;
   --border: #000;
 }
+
+.dark {
+  --background: #000000;
+  --foreground: #eaeaea;
+  --card: #1e1e1e;
+  --card-foreground: #eaeaea;
+  --primary: #ffcc00;
+  --primary-hover: #ffdb33;
+  --primary-foreground: #000;
+  --secondary: #fff;
+  --secondary-foreground: #000;
+  --muted: #5a5a5a;
+  --muted-foreground: #aeaeae;
+  --accent: #ffd966;
+  --accent-foreground: #000;
+  --destructive: #e63946;
+  --destructive-foreground: #fff;
+  --border: #eee;
+}
 ```
 
 <br />