fix: use invert color instead of bg color to ensure contrast

hi-ogawa · hi-ogawa · commit d354ec6d7297 · 2026-04-06T09:37:13.000+09:00
diff --git a/packages/vitest/src/node/reporters/renderers/utils.ts b/packages/vitest/src/node/reporters/renderers/utils.ts
@@ -269,8 +269,7 @@ export function formatProjectName(project?: Pick<TestProject, 'name' | 'color'>,
 }
 
 export function withLabel(color: 'red' | 'green' | 'blue' | 'cyan' | 'yellow', label: string, message?: string) {
-  const bgColor = `bg${color.charAt(0).toUpperCase()}${color.slice(1)}` as `bg${Capitalize<typeof color>}`
-  return `${c.bold(c[bgColor](` ${label} `))} ${message ? c[color](message) : ''}`
+  return `${c.bold(c.inverse(c[color](` ${label} `)))} ${message ? c[color](message) : ''}`
 }
 
 export function padSummaryTitle(str: string): string {

Original file line number	Diff line number	Diff line change
`@@ -269,8 +269,7 @@ export function formatProjectName(project?: Pick<TestProject, 'name' \| 'color'>,`
`269`	`269`	`}`
`270`	`270`
`271`	`271`	`export function withLabel(color: 'red' \| 'green' \| 'blue' \| 'cyan' \| 'yellow', label: string, message?: string) {`
`272`		- const bgColor = `bg${color.charAt(0).toUpperCase()}${color.slice(1)}` as `bg${Capitalize<typeof color>}`
`273`		- return `${c.bold(c[bgColor](` ${label} `))} ${message ? c[color](message) : ''}`
	`272`	+ return `${c.bold(c.inverse(c[color](` ${label} `)))} ${message ? c[color](message) : ''}`
`274`	`273`	`}`
`275`	`274`
`276`	`275`	`export function padSummaryTitle(str: string): string {`