From 00c41a6f7443a8e90e3c74d8ddc53e7911da3d75 Mon Sep 17 00:00:00 2001
From: Pedro Cattori <pcattori@gmail.com>
Date: Fri, 12 Jan 2024 13:59:57 -0500
Subject: [PATCH] create-remix: high-contrast fg/bg for header colors (#8503)

---
 .changeset/breezy-cows-battle.md | 8 ++++++++
 packages/create-remix/index.ts   | 4 ++--
 2 files changed, 10 insertions(+), 2 deletions(-)
 create mode 100644 .changeset/breezy-cows-battle.md

diff --git a/.changeset/breezy-cows-battle.md b/.changeset/breezy-cows-battle.md
new file mode 100644
index 00000000000..1c7a9b42119
--- /dev/null
+++ b/.changeset/breezy-cows-battle.md
@@ -0,0 +1,8 @@
+---
+"create-remix": patch
+---
+
+create-remix: high-contrast fg/bg for header colors
+
+`bgWhite` and `whiteBright` are the same color in many terminal colorthemes,
+which was causing it to render as illegible white-on-white
diff --git a/packages/create-remix/index.ts b/packages/create-remix/index.ts
index 2bc3a41f685..35e7381500d 100644
--- a/packages/create-remix/index.ts
+++ b/packages/create-remix/index.ts
@@ -201,7 +201,7 @@ interface Context {
 
 async function introStep(ctx: Context) {
   log(
-    `\n${color.bgWhite(` ${color.whiteBright("remix")} `)}  ${color.green(
+    `\n${color.bgWhite(` ${color.black("remix")} `)}  ${color.green(
       color.bold(`v${ctx.remixVersion}`)
     )} ${color.bold("💿 Let's build a better website...")}`
   );
@@ -757,7 +757,7 @@ async function loadingIndicator(args: {
 }
 
 function title(text: string) {
-  return align(color.bgWhite(` ${color.whiteBright(text)} `), "end", 7) + " ";
+  return align(color.bgWhite(` ${color.black(text)} `), "end", 7) + " ";
 }
 
 function printHelp(ctx: Context) {