From 43c9d8940dc42337dd2f7d66aa90e6abf952278e Mon Sep 17 00:00:00 2001
From: Grace Yun <74513600+jueungrace@users.noreply.github.com>
Date: Mon, 19 Dec 2022 15:05:46 -0500
Subject: [PATCH] Wrap CSS variable in var (#44153)

Adds missing CSS var() wrapper + spelling error, caught in [Discussion
#9094](https://github.com/vercel/vercel/discussions/9094).

Closes: #44126
Closes: https://github.com/vercel/next.js/pull/44127

## Bug

- [x] Related issues linked using `fixes #number`
- [ ] Integration tests added
- [ ] Errors have a helpful link attached, see
[`contributing.md`](https://github.com/vercel/next.js/blob/canary/contributing.md)

## Feature

- [ ] Implements an existing feature request or RFC. Make sure the
feature request has been accepted for implementation before opening a
PR.
- [ ] Related issues linked using `fixes #number`
- [ ]
[e2e](https://github.com/vercel/next.js/blob/canary/contributing/core/testing.md#writing-tests-for-nextjs)
tests added
- [ ] Documentation added
- [ ] Telemetry added. In case of a feature if it's used or not.
- [ ] Errors have a helpful link attached, see
[`contributing.md`](https://github.com/vercel/next.js/blob/canary/contributing.md)

## Documentation / Examples

- [ ] Make sure the linting passes by running `pnpm build && pnpm lint`
- [ ] The "examples guidelines" are followed from [our contributing
doc](https://github.com/vercel/next.js/blob/canary/contributing/examples/adding-examples.md)
---
 packages/create-next-app/templates/app/js/app/globals.css       | 2 +-
 packages/create-next-app/templates/app/ts/app/globals.css       | 2 +-
 .../create-next-app/templates/default/js/styles/globals.css     | 2 +-
 .../create-next-app/templates/default/ts/styles/globals.css     | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/create-next-app/templates/app/js/app/globals.css b/packages/create-next-app/templates/app/js/app/globals.css
index 3a54ccd80be4277..d4f491e152dd0aa 100644
--- a/packages/create-next-app/templates/app/js/app/globals.css
+++ b/packages/create-next-app/templates/app/js/app/globals.css
@@ -86,7 +86,7 @@ body {
 }
 
 body {
-  color: rbg(--foreground-rgb);
+  color: rgb(var(--foreground-rgb));
   background: linear-gradient(
       to bottom,
       transparent,
diff --git a/packages/create-next-app/templates/app/ts/app/globals.css b/packages/create-next-app/templates/app/ts/app/globals.css
index 3a54ccd80be4277..d4f491e152dd0aa 100644
--- a/packages/create-next-app/templates/app/ts/app/globals.css
+++ b/packages/create-next-app/templates/app/ts/app/globals.css
@@ -86,7 +86,7 @@ body {
 }
 
 body {
-  color: rbg(--foreground-rgb);
+  color: rgb(var(--foreground-rgb));
   background: linear-gradient(
       to bottom,
       transparent,
diff --git a/packages/create-next-app/templates/default/js/styles/globals.css b/packages/create-next-app/templates/default/js/styles/globals.css
index 3a54ccd80be4277..d4f491e152dd0aa 100644
--- a/packages/create-next-app/templates/default/js/styles/globals.css
+++ b/packages/create-next-app/templates/default/js/styles/globals.css
@@ -86,7 +86,7 @@ body {
 }
 
 body {
-  color: rbg(--foreground-rgb);
+  color: rgb(var(--foreground-rgb));
   background: linear-gradient(
       to bottom,
       transparent,
diff --git a/packages/create-next-app/templates/default/ts/styles/globals.css b/packages/create-next-app/templates/default/ts/styles/globals.css
index 3a54ccd80be4277..d4f491e152dd0aa 100644
--- a/packages/create-next-app/templates/default/ts/styles/globals.css
+++ b/packages/create-next-app/templates/default/ts/styles/globals.css
@@ -86,7 +86,7 @@ body {
 }
 
 body {
-  color: rbg(--foreground-rgb);
+  color: rgb(var(--foreground-rgb));
   background: linear-gradient(
       to bottom,
       transparent,