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
remix-run · Jan 12, 2024 · da4c634 · da4c634
1 parent f3302f9
commit da4c634
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/.changeset/breezy-cows-battle.md 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
@@ -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) {