Update the terminal output styling. (#574)

cpojer · web-flow · commit a91dd5a6214d · 2026-02-10T10:26:55.000+09:00
This PR:

* Removes the lightning bolt which causes rendering issues in some terminals.
* Adjusts the purple color depending on whether the text color is light/dark
* Fixes a few minor help rendering issues
diff --git a/packages/global/install.ps1 b/packages/global/install.ps1
@@ -255,7 +255,7 @@ function Setup-NodeManager {
 function Main {
     Write-Host ""
     Write-Host "Setting up " -NoNewline
-    Write-Host "VITE+(⚡︎)" -ForegroundColor Cyan -NoNewline
+    Write-Host "VITE+" -ForegroundColor Cyan -NoNewline
     Write-Host "..."
 
     # Suppress progress bars for cleaner output
@@ -469,7 +469,7 @@ exec "`$VITE_PLUS_HOME/current/bin/vp.exe" "`$@"
 
     # Print success message
     Write-Host ""
-    Write-Host "${GREEN}✔${NC} ${BOLD_BRIGHT_BLUE}VITE+(⚡︎)${NC} successfully installed!"
+    Write-Host "${GREEN}✔${NC} ${BOLD_BRIGHT_BLUE}VITE+${NC} successfully installed!"
     Write-Host ""
     Write-Host "  The Unified Toolchain for the Web."
     Write-Host ""
diff --git a/packages/global/install.sh b/packages/global/install.sh
@@ -510,7 +510,7 @@ cleanup_old_versions() {
 
 main() {
   echo ""
-  echo -e "Setting up VITE+(⚡︎)..."
+  echo -e "Setting up VITE+..."
 
   check_requirements
 
@@ -668,7 +668,7 @@ main() {
 
   # Print success message
   echo ""
-  echo -e "${GREEN}✔${NC} ${BOLD_BRIGHT_BLUE}VITE+(⚡︎)${NC} successfully installed!"
+  echo -e "${GREEN}✔${NC} ${BOLD_BRIGHT_BLUE}VITE+${NC} successfully installed!"
   echo ""
   echo "  The Unified Toolchain for the Web."
   echo ""
diff --git a/packages/global/snap-tests/cli-helper-message/snap.txt b/packages/global/snap-tests/cli-helper-message/snap.txt
@@ -39,7 +39,7 @@ Options:
   -h, --help     Print help
 
 > vp -V # show version
-VITE+(⚡︎) - The Unified Toolchain for the Web
+VITE+ - The Unified Toolchain for the Web
 
 PACKAGE VERSIONS:
   vite-plus-cli: v<semver>
diff --git a/packages/global/snap-tests/migration-agent-claude/snap.txt b/packages/global/snap-tests/migration-agent-claude/snap.txt
@@ -1,5 +1,5 @@
 > vp migrate --agent claude --no-interactive # migration with --agent claude should write CLAUDE.md
-┌  VITE+(⚡︎) - The Unified Toolchain for the Web
+┌  VITE+ - The Unified Toolchain for the Web
 │
 ●  Using default package manager: pnpm
 │
diff --git a/packages/global/snap-tests/migration-already-vite-plus/snap.txt b/packages/global/snap-tests/migration-already-vite-plus/snap.txt
@@ -1,5 +1,5 @@
 > vp migrate --no-interactive # should detect existing vite-plus and exit
-┌  VITE+(⚡︎) - The Unified Toolchain for the Web
+┌  VITE+ - The Unified Toolchain for the Web
 │
 └  This project is already using Vite+! Happy coding!
 
diff --git a/packages/global/snap-tests/migration-auto-create-vite-config/snap.txt b/packages/global/snap-tests/migration-auto-create-vite-config/snap.txt
@@ -1,5 +1,5 @@
 > vp migrate --no-interactive # migration should auto create vite.config.ts and remove oxlintrc and oxfmtrc
-┌  VITE+(⚡︎) - The Unified Toolchain for the Web
+┌  VITE+ - The Unified Toolchain for the Web
 │
 ●  Using default package manager: pnpm
 │
diff --git a/packages/global/snap-tests/migration-check/snap.txt b/packages/global/snap-tests/migration-check/snap.txt
@@ -1,5 +1,5 @@
 > vp migrate --help # show help
-VITE+(⚡︎) - The Unified Toolchain for the Web
+VITE+ - The Unified Toolchain for the Web
 
 USAGE: vp migrate [PATH] [OPTIONS]
 
diff --git a/packages/global/snap-tests/migration-from-tsdown-json-config/snap.txt b/packages/global/snap-tests/migration-from-tsdown-json-config/snap.txt
@@ -1,5 +1,5 @@
 > vp migrate --no-interactive # migration should rewrite imports to vite-plus
-┌  VITE+(⚡︎) - The Unified Toolchain for the Web
+┌  VITE+ - The Unified Toolchain for the Web
 │
 ●  Using default package manager: pnpm
 │
@@ -57,7 +57,7 @@ export default defineConfig({
 }
 
 > vp migrate --no-interactive # run migration again to check if it is idempotent
-┌  VITE+(⚡︎) - The Unified Toolchain for the Web
+┌  VITE+ - The Unified Toolchain for the Web
 │
 └  This project is already using Vite+! Happy coding!
 
diff --git a/packages/global/snap-tests/migration-from-tsdown/snap.txt b/packages/global/snap-tests/migration-from-tsdown/snap.txt
@@ -1,5 +1,5 @@
 > vp migrate --no-interactive # migration should rewrite imports to vite-plus
-┌  VITE+(⚡︎) - The Unified Toolchain for the Web
+┌  VITE+ - The Unified Toolchain for the Web
 │
 ●  Using default package manager: pnpm
 │
@@ -64,7 +64,7 @@ export default defineConfig({
 }
 
 > vp migrate --no-interactive # run migration again to check if it is idempotent
-┌  VITE+(⚡︎) - The Unified Toolchain for the Web
+┌  VITE+ - The Unified Toolchain for the Web
 │
 └  This project is already using Vite+! Happy coding!
 
diff --git a/packages/global/snap-tests/migration-from-vitest-config/snap.txt b/packages/global/snap-tests/migration-from-vitest-config/snap.txt
@@ -1,5 +1,5 @@
 > vp migrate --no-interactive # migration should rewrite imports to vite-plus
-┌  VITE+(⚡︎) - The Unified Toolchain for the Web
+┌  VITE+ - The Unified Toolchain for the Web
 │
 ●  Using default package manager: pnpm
 │
diff --git a/packages/global/snap-tests/migration-from-vitest-files/snap.txt b/packages/global/snap-tests/migration-from-vitest-files/snap.txt
@@ -1,5 +1,5 @@
 > vp migrate --no-interactive # migration should rewrite imports to vite-plus
-┌  VITE+(⚡︎) - The Unified Toolchain for the Web
+┌  VITE+ - The Unified Toolchain for the Web
 │
 ●  Using default package manager: pnpm
 │
diff --git a/packages/global/snap-tests/migration-lintstagedrc-json/snap.txt b/packages/global/snap-tests/migration-lintstagedrc-json/snap.txt
@@ -1,5 +1,5 @@
 > vp migrate -h # migration help message
-VITE+(⚡︎) - The Unified Toolchain for the Web
+VITE+ - The Unified Toolchain for the Web
 
 USAGE: vp migrate [PATH] [OPTIONS]
 
@@ -28,7 +28,7 @@ EXAMPLES:
 
 
 > vp migrate --no-interactive # migration work with lintstagedrc.json
-┌  VITE+(⚡︎) - The Unified Toolchain for the Web
+┌  VITE+ - The Unified Toolchain for the Web
 │
 ●  Using default package manager: pnpm
 │
diff --git a/packages/global/snap-tests/migration-lintstagedrc-not-support/snap.txt b/packages/global/snap-tests/migration-lintstagedrc-not-support/snap.txt
@@ -1,5 +1,5 @@
 > vp migrate --no-interactive # migration should not support non-json format lintstagedrc
-┌  VITE+(⚡︎) - The Unified Toolchain for the Web
+┌  VITE+ - The Unified Toolchain for the Web
 │
 ●  Using default package manager: pnpm
 │
diff --git a/packages/global/snap-tests/migration-merge-vite-config-js/snap.txt b/packages/global/snap-tests/migration-merge-vite-config-js/snap.txt
@@ -1,5 +1,5 @@
 > vp migrate --no-interactive # migration should merge vite.config.js and remove oxlintrc
-┌  VITE+(⚡︎) - The Unified Toolchain for the Web
+┌  VITE+ - The Unified Toolchain for the Web
 │
 ●  Using default package manager: pnpm
 │
diff --git a/packages/global/snap-tests/migration-merge-vite-config-ts/snap.txt b/packages/global/snap-tests/migration-merge-vite-config-ts/snap.txt
@@ -1,5 +1,5 @@
 > vp migrate --no-interactive # migration should merge vite.config.ts and remove oxlintrc and oxfmtrc
-┌  VITE+(⚡︎) - The Unified Toolchain for the Web
+┌  VITE+ - The Unified Toolchain for the Web
 │
 ●  Using default package manager: pnpm
 │
diff --git a/packages/global/snap-tests/migration-monorepo-pnpm-overrides-dependency-selector/snap.txt b/packages/global/snap-tests/migration-monorepo-pnpm-overrides-dependency-selector/snap.txt
@@ -1,5 +1,5 @@
 > vp migrate --no-interactive # migration should merge pnpm overrides with dependency selector
-┌  VITE+(⚡︎) - The Unified Toolchain for the Web
+┌  VITE+ - The Unified Toolchain for the Web
 │
 ●  pnpm@<semver> installing...
 │
diff --git a/packages/global/snap-tests/migration-monorepo-pnpm/snap.txt b/packages/global/snap-tests/migration-monorepo-pnpm/snap.txt
@@ -1,5 +1,5 @@
 > vp migrate --no-interactive # migration should merge vite.config.ts and remove oxlintrc and oxfmtrc
-┌  VITE+(⚡︎) - The Unified Toolchain for the Web
+┌  VITE+ - The Unified Toolchain for the Web
 │
 ●  pnpm@<semver> installing...
 │
diff --git a/packages/global/snap-tests/migration-monorepo-skip-vite-peer-dependency/snap.txt b/packages/global/snap-tests/migration-monorepo-skip-vite-peer-dependency/snap.txt
@@ -1,5 +1,5 @@
 > vp migrate --no-interactive # migration should check each package's peerDependencies
-┌  VITE+(⚡︎) - The Unified Toolchain for the Web
+┌  VITE+ - The Unified Toolchain for the Web
 │
 ●  pnpm@latest installing...
 │
diff --git a/packages/global/snap-tests/migration-monorepo-yarn4/snap.txt b/packages/global/snap-tests/migration-monorepo-yarn4/snap.txt
@@ -1,5 +1,5 @@
 > vp migrate --no-interactive # migration should merge vite.config.ts and remove oxlintrc
-┌  VITE+(⚡︎) - The Unified Toolchain for the Web
+┌  VITE+ - The Unified Toolchain for the Web
 │
 ●  yarn@<semver> installing...
 │
diff --git a/packages/global/snap-tests/migration-no-agent/snap.txt b/packages/global/snap-tests/migration-no-agent/snap.txt
@@ -1,5 +1,5 @@
 > vp migrate --no-agent --no-interactive # migration with --no-agent should skip agent instructions
-┌  VITE+(⚡︎) - The Unified Toolchain for the Web
+┌  VITE+ - The Unified Toolchain for the Web
 │
 ●  Using default package manager: pnpm
 │
diff --git a/packages/global/snap-tests/migration-not-supported-npm8.2/snap.txt b/packages/global/snap-tests/migration-not-supported-npm8.2/snap.txt
@@ -1,5 +1,5 @@
 [1]> vp migrate --no-interactive # migration should fail because npm version is not supported
-┌  VITE+(⚡︎) - The Unified Toolchain for the Web
+┌  VITE+ - The Unified Toolchain for the Web
 │
 ●  npm@<semver> installing...
 │
diff --git a/packages/global/snap-tests/migration-not-supported-pnpm9.4/snap.txt b/packages/global/snap-tests/migration-not-supported-pnpm9.4/snap.txt
@@ -1,5 +1,5 @@
 [1]> vp migrate --no-interactive # migration should fail because pnpm version is not supported
-┌  VITE+(⚡︎) - The Unified Toolchain for the Web
+┌  VITE+ - The Unified Toolchain for the Web
 │
 ●  pnpm@<semver> installing...
 │
diff --git a/packages/global/snap-tests/migration-not-supported-vite6/snap.txt b/packages/global/snap-tests/migration-not-supported-vite6/snap.txt
@@ -1,6 +1,6 @@
 > vp install # install dependencies first
 [1]> vp migrate --no-interactive # migration should fail because vite version is not supported
-┌  VITE+(⚡︎) - The Unified Toolchain for the Web
+┌  VITE+ - The Unified Toolchain for the Web
 │
 ●  pnpm@<semver> installing...
 │
diff --git a/packages/global/snap-tests/migration-not-supported-vitest3/snap.txt b/packages/global/snap-tests/migration-not-supported-vitest3/snap.txt
@@ -1,6 +1,6 @@
 > vp install # install dependencies first
 [1]> vp migrate --no-interactive # migration should fail because vitest version is not supported
-┌  VITE+(⚡︎) - The Unified Toolchain for the Web
+┌  VITE+ - The Unified Toolchain for the Web
 │
 ●  pnpm@<semver> installing...
 │
diff --git a/packages/global/snap-tests/migration-rewrite-declare-module/snap.txt b/packages/global/snap-tests/migration-rewrite-declare-module/snap.txt
@@ -1,5 +1,5 @@
 > vp migrate --no-interactive # migration should rewrite imports to vite-plus
-┌  VITE+(⚡︎) - The Unified Toolchain for the Web
+┌  VITE+ - The Unified Toolchain for the Web
 │
 ●  Using default package manager: pnpm
 │
diff --git a/packages/global/snap-tests/migration-skip-vite-dependency/snap.txt b/packages/global/snap-tests/migration-skip-vite-dependency/snap.txt
@@ -1,5 +1,5 @@
 > vp migrate --no-interactive # migration should skip rewriting vite imports when vite is in dependencies
-┌  VITE+(⚡︎) - The Unified Toolchain for the Web
+┌  VITE+ - The Unified Toolchain for the Web
 │
 ●  Using default package manager: pnpm
 │
diff --git a/packages/global/snap-tests/migration-skip-vite-peer-dependency/snap.txt b/packages/global/snap-tests/migration-skip-vite-peer-dependency/snap.txt
@@ -1,5 +1,5 @@
 > vp migrate --no-interactive # migration should skip rewriting vite imports when vite is in peerDependencies
-┌  VITE+(⚡︎) - The Unified Toolchain for the Web
+┌  VITE+ - The Unified Toolchain for the Web
 │
 ●  Using default package manager: pnpm
 │
diff --git a/packages/global/snap-tests/migration-subpath/snap.txt b/packages/global/snap-tests/migration-subpath/snap.txt
@@ -1,5 +1,5 @@
 > vp migrate foo --no-interactive # migration work with subpath
-┌  VITE+(⚡︎) - The Unified Toolchain for the Web
+┌  VITE+ - The Unified Toolchain for the Web
 │
 ●  Using default package manager: pnpm
 │
diff --git a/packages/global/snap-tests/new-check/snap.txt b/packages/global/snap-tests/new-check/snap.txt
@@ -1,5 +1,5 @@
 > vp create --help # show help
-VITE+(⚡︎) - The Unified Toolchain for the Web
+VITE+ - The Unified Toolchain for the Web
 
 USAGE: vp create [TEMPLATE] [OPTIONS] [-- TEMPLATE_OPTIONS]
 
@@ -47,7 +47,7 @@ EXAMPLES:
 
 
 > vp create --list # list templates
-VITE+(⚡︎) - The Unified Toolchain for the Web
+VITE+ - The Unified Toolchain for the Web
 
 VITE+ BUILT-IN TEMPLATES:
   vite:monorepo            Create a new monorepo
diff --git a/packages/global/src/create/bin.ts b/packages/global/src/create/bin.ts
@@ -46,8 +46,8 @@ ${headline(`Usage:`)} ${styleText('bold', `vp create [TEMPLATE] [OPTIONS] [-- TE
 Use any builtin, local or remote template with Vite+.
 
 ${headline(`Arguments:`)}
-  TEMPLATE            Template name. Run \`vp create --list\` to see available templates.
-                      - Default: vite:monorepo, vite:application, vite:library, vite:generator
+  TEMPLATE            Template name. Run \`${accent(`vp create --list`)}\` to see available templates.
+                      - Default: ${accent(`vite:monorepo`)}, ${accent(`vite:application`)}, ${accent(`vite:library`)}, ${accent(`vite:generator`)}
                       - Remote: vite, @tanstack/start, create-next-app,
                         create-nuxt, github:user/repo, https://github.com/user/template-repo, etc.
                       - Local: @company/generator-*, ./tools/create-ui-component
diff --git a/packages/global/src/utils/terminal.ts b/packages/global/src/utils/terminal.ts
@@ -179,12 +179,27 @@ async function getForegroundColor(): Promise<null | RGB> {
   });
 }
 
-const purple = [101, 63, 246] as const;
+const purpleLight = [101, 63, 246] as const;
+const purpleDark = [187, 116, 247] as const;
+
 let gradientColors: Array<RGB> | null = null;
 
+function srgbToLinear(v: number): number {
+  const s = v / 255;
+  return s <= 0.04045 ? s / 12.92 : Math.pow((s + 0.055) / 1.055, 2.4);
+}
+
+const isLightColor = ([r, g, b]: RGB) => {
+  const R = srgbToLinear(r);
+  const G = srgbToLinear(g);
+  const B = srgbToLinear(b);
+  return 0.2126 * R + 0.7152 * G + 0.0722 * B >= 0.49999;
+};
+
 async function getGradientColors(text: string) {
   if (!gradientColors) {
     const fg = await getForegroundColor();
+    const purple = fg ? (isLightColor(fg) ? purpleDark : purpleLight) : purpleDark;
     gradientColors = fg ? gradient(text.length, fg, purple) : fadeToColor(text.length, purple);
   }
   return gradientColors;
@@ -195,12 +210,12 @@ export async function getVitePlusHeader() {
   const textB = 'Toolchain for the Web';
 
   if (!shouldColorize(process.stdout) || !supportsTrueColor(process.stdout)) {
-    return `VITE+(⚡︎) - ${textA}${textB}`;
+    return `VITE+ - ${textA}${textB}`;
   }
 
   return `${styleText(
     'bold',
-    `VITE+(${accent('⚡︎')}) - ${textA}${colorize(textB, await getGradientColors(textB))}`,
+    `VITE+ - ${textA}${colorize(textB, await getGradientColors(textB))}`,
   )}`;
 }
 
diff --git a/rfcs/env-command.md b/rfcs/env-command.md
@@ -868,17 +868,17 @@ The global CLI installation script (`packages/global/install.sh`) will be update
 ```bash
 $ curl -fsSL https://viteplus.dev/install.sh | sh
 
-Setting up VITE+(⚡︎)...
+Setting up VITE+...
 
 Would you want Vite+ to manage Node.js versions?
 Press Enter to accept (Y/n):
 
-✔ VITE+(⚡︎) successfully installed!
+✔ VITE+ successfully installed!
 
   The Unified Toolchain for the Web.
 
   Get started:
-    vp create          Create a new project
+    vp create       Create a new project
     vp env          Manage Node.js versions
     vp install      Install dependencies
     vp dev          Start dev server
