fix: ensure project names are readable in dark terminals (#7371)

Author: rgrove

packages/ui/client/utils/task.ts

@@ -25,6 +25,6 @@ export function getProjectNameColor(name: string | undefined) {
   const index = name
     .split('')
     .reduce((acc, v, idx) => acc + v.charCodeAt(0) + idx, 0)
-  const colors = ['blue', 'yellow', 'cyan', 'green', 'magenta']
+  const colors = ['yellow', 'cyan', 'green', 'magenta']
   return colors[index % colors.length]
 }

packages/vitest/src/node/reporters/renderers/utils.ts

@@ -223,9 +223,9 @@ export function formatProjectName(name: string | undefined, suffix = ' ') {
     .split('')
     .reduce((acc, v, idx) => acc + v.charCodeAt(0) + idx, 0)
 
-  const colors = [c.black, c.yellow, c.cyan, c.green, c.magenta]
+  const colors = [c.bgYellow, c.bgCyan, c.bgGreen, c.bgMagenta]
 
-  return c.inverse(colors[index % colors.length](` ${name} `)) + suffix
+  return c.black(colors[index % colors.length](` ${name} `)) + suffix
 }
 
 export function withLabel(color: 'red' | 'green' | 'blue' | 'cyan' | 'yellow', label: string, message?: string) {