chore(cna): use css variables properly lol

samcx · samcx · commit 0c5da41560de · 2025-02-26T21:32:09.000-08:00
diff --git a/packages/create-next-app/templates/app-tw/js/app/globals.css b/packages/create-next-app/templates/app-tw/js/app/globals.css
@@ -6,8 +6,8 @@
 }
 
 @theme {
-  --color-background: #ffffff;
-  --color-foreground: #171717;
+  --color-background: var(--background);
+  --color-foreground: var(--foreground);
   --font-sans: var(--font-geist-sans);
   --font-mono: var(--font-geist-mono);
 }
diff --git a/packages/create-next-app/templates/app-tw/ts/app/globals.css b/packages/create-next-app/templates/app-tw/ts/app/globals.css
@@ -6,8 +6,8 @@
 }
 
 @theme {
-  --color-background: #ffffff;
-  --color-foreground: #171717;
+  --color-background: var(--background);
+  --color-foreground: var(--foreground);
   --font-sans: var(--font-geist-sans);
   --font-mono: var(--font-geist-mono);
 }
diff --git a/packages/create-next-app/templates/default-tw/js/styles/globals.css b/packages/create-next-app/templates/default-tw/js/styles/globals.css
@@ -6,8 +6,8 @@
 }
 
 @theme {
-  --color-background: #ffffff;
-  --color-foreground: #171717;
+  --color-background: var(--background);
+  --color-foreground: var(--foreground);
   --font-sans: var(--font-geist-sans);
   --font-mono: var(--font-geist-mono);
 }
diff --git a/packages/create-next-app/templates/default-tw/ts/styles/globals.css b/packages/create-next-app/templates/default-tw/ts/styles/globals.css
@@ -6,8 +6,8 @@
 }
 
 @theme {
-  --color-background: #ffffff;
-  --color-foreground: #171717;
+  --color-background: var(--background);
+  --color-foreground: var(--foreground);
   --font-sans: var(--font-geist-sans);
   --font-mono: var(--font-geist-mono);
 }

Original file line number	Diff line number	Diff line change
`@@ -6,8 +6,8 @@`
`6`	`6`	`}`
`7`	`7`
`8`	`8`	`@theme {`
`9`		`- --color-background: #ffffff;`
`10`		`- --color-foreground: #171717;`
	`9`	`+ --color-background: var(--background);`
	`10`	`+ --color-foreground: var(--foreground);`
`11`	`11`	`--font-sans: var(--font-geist-sans);`
`12`	`12`	`--font-mono: var(--font-geist-mono);`
`13`	`13`	`}`