refactor(cli): render help/frame dividers dim instead of blue

claude · claude · commit ba21776a0df7 · 2026-06-26T12:13:20.000Z
Default-blue is the least readable ANSI hue on dark terminals, and the divider rule is the most repeated element in the UI. Separators should recede behind content, so render them faint (dim). Pure color change; output text is unchanged. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01TgNXy9shNnZEnbCfsSbtiQ
diff --git a/packages/webpack-cli/src/webpack-cli.ts b/packages/webpack-cli/src/webpack-cli.ts
@@ -1688,7 +1688,9 @@ class WebpackCLI {
 
   /** A horizontal rule used to separate sections. */
   #uiDivider(): string {
-    return this.colors.blue("─".repeat(UI_DIVIDER_WIDTH));
+    // Separators should recede behind content, so render them faint rather than
+    // in a saturated color (default-blue is the least readable hue on dark terminals).
+    return this.colors.dim("─".repeat(UI_DIVIDER_WIDTH));
   }
 
   /** A branded title, e.g. `⬡ webpack build`. */

Original file line number	Diff line number	Diff line change
`@@ -1688,7 +1688,9 @@ class WebpackCLI {`
`1688`	`1688`
`1689`	`1689`	`/** A horizontal rule used to separate sections. */`
`1690`	`1690`	`#uiDivider(): string {`
`1691`		`- return this.colors.blue("─".repeat(UI_DIVIDER_WIDTH));`
	`1691`	`+ // Separators should recede behind content, so render them faint rather than`
	`1692`	`+ // in a saturated color (default-blue is the least readable hue on dark terminals).`
	`1693`	`+ return this.colors.dim("─".repeat(UI_DIVIDER_WIDTH));`
`1692`	`1694`	`}`
`1693`	`1695`
`1694`	`1696`	/** A branded title, e.g. `⬡ webpack build`. */