create-z3 0.0.23 → 0.0.25

package/dist/index.js

@@ -1974,13 +1974,28 @@ async function fetchOrReadCSS(source) {
 }
 function parseColorsFromCSS(css) {
   const colors = [];
-  const cssVarRegex = /--([\w-]+)\s*:\s*([^;]+);/g;
-  let match;
-  while ((match = cssVarRegex.exec(css)) !== null) {
-    const name = `--${match[1]}`;
-    const value = match[2].trim();
-    if (isColorValue(value)) {
-      colors.push({ name, value });
+  const rootBlockRegex = /:root\s*\{([^}]+)\}/gs;
+  const rootMatch = rootBlockRegex.exec(css);
+  if (rootMatch) {
+    const rootContent = rootMatch[1];
+    const cssVarRegex = /--([\w-]+)\s*:\s*([^;]+);/g;
+    let match;
+    while ((match = cssVarRegex.exec(rootContent)) !== null) {
+      const name = `--${match[1]}`;
+      const value = match[2].trim();
+      colors.push({ name, value, theme: "root" });
+    }
+  }
+  const darkBlockRegex = /\.dark\s*\{([^}]+)\}/gs;
+  const darkMatch = darkBlockRegex.exec(css);
+  if (darkMatch) {
+    const darkContent = darkMatch[1];
+    const cssVarRegex = /--([\w-]+)\s*:\s*([^;]+);/g;
+    let match;
+    while ((match = cssVarRegex.exec(darkContent)) !== null) {
+      const name = `--${match[1]}`;
+      const value = match[2].trim();
+      colors.push({ name, value, theme: "dark" });
     }
   }
   return colors;
@@ -2051,11 +2066,29 @@ function generateCSSOutput(colors, format) {
   if (colors.length === 0) {
     return "";
   }
-  const declarations = colors.map((color) => {
-    const value = format === "oklch" && color.oklch ? color.oklch : color.value;
-    return `${color.name}: ${value};`;
-  }).join("\n");
-  return declarations;
+  const rootColors = colors.filter((c) => c.theme === "root");
+  const darkColors = colors.filter((c) => c.theme === "dark");
+  let output = "";
+  if (rootColors.length > 0) {
+    const rootDeclarations = rootColors.map((color) => {
+      const value = format === "oklch" && color.oklch && isColorValue(color.value) ? color.oklch : color.value;
+      return `  ${color.name}: ${value};`;
+    }).join("\n");
+    output += `:root {
+${rootDeclarations}
+}`;
+  }
+  if (darkColors.length > 0) {
+    if (output) output += "\n\n";
+    const darkDeclarations = darkColors.map((color) => {
+      const value = format === "oklch" && color.oklch && isColorValue(color.value) ? color.oklch : color.value;
+      return `  ${color.name}: ${value};`;
+    }).join("\n");
+    output += `.dark {
+${darkDeclarations}
+}`;
+  }
+  return output;
 }
 
 // src/installers/base.ts

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-z3",
-  "version": "0.0.23",
+  "version": "0.0.25",
   "type": "module",
   "description": "CLI for scaffolding Z3 Stack applications (TanStack/Next.js + Convex + Better Auth)",
   "bin": {

package/templates/nextjs/src/app/(frontend)/globals.css

@@ -47,13 +47,7 @@
   --radius-4xl: calc(var(--radius) + 16px);
 }
 
-:root {
-  /* {{TWEAKCN_THEME}} */
-}
-
-.dark {
-  /* {{TWEAKCN_THEME}} */
-}
+/* {{TWEAKCN_THEME}} */
 
 @layer base {
   * {

package/templates/tanstack-start/src/styles/globals.css

@@ -3,7 +3,5 @@
 @tailwind utilities;
 
 @layer base {
-  :root {
-    /* {{TWEAKCN_THEME}} */
-  }
+  /* {{TWEAKCN_THEME}} */
 }