style: refine help banner colors and logo balance

Author: afc163

src/__tests__/banner.test.ts

@@ -25,11 +25,11 @@ describe('help banner', () => {
 
     expect(lines[0]).toBe('');
     expect(lines[1]).toBe('    ▄███▄');
-    expect(lines[2]).toBe('  ▄██▀▀▀██▄');
-    expect(lines[3]).toBe('▄██▀ ▄█▄ ▀██▄');
-    expect(lines[4]).toBe('▀██▄ ▀█▀ ▄██▀');
-    expect(lines[5]).toBe('  ▀██▄▄▄██▀');
-    expect(lines[6]).toBe('    ▀▀█▀▀');
+    expect(lines[2]).toBe('  ▄█▀   ▀█▄');
+    expect(lines[3]).toBe('▄█▀ ▄█▄  ▀██▄');
+    expect(lines[4]).toBe('▀█▄ ▀█▀  ▄██▀');
+    expect(lines[5]).toBe('  ▀█▄   ▄█▀');
+    expect(lines[6]).toBe('    ▀███▀');
     expect(lines[7]).toBe('');
     expect(lines[8]).toMatch(/^▄▀█/);
     expect(lines[9]).toMatch(/^█▀█/);
@@ -47,13 +47,14 @@ describe('help banner', () => {
     const plainBanner = banner.replace(/\u001b\[[0-9;]*m/g, '');
 
     expect(plainBanner).toMatch(/^\n    ▄▀▀▀▄/);
-    expect(plainBanner).toContain('\n▄▀▀▀ ▄▀▄ ▀▀▀▄\n');
-    expect(plainBanner).toContain('\n▀▀▀▄ ▀▀▀ ▄▀▀▀\n');
+    expect(plainBanner).toContain('\n▄▀▀ ▄▀▄  ▀▀▀▄\n');
+    expect(plainBanner).toContain('\n▀▀▄ ▀▀▀  ▄▀▀▀\n');
+    expect(plainBanner).toContain('\n  ▀▀▄   ▄▀▀\n');
     expect(plainBanner).toContain('\n▄▀█ █▄ █ ▀█▀');
     expect(plainBanner).toContain('\n█▀█ █ ▀█  █');
     expect(plainBanner).toContain('\n──────────────────────\n');
-    expect(banner).toContain('\u001b[38;2;45;217;255m\u001b[48;2;45;200;255m▀');
-    expect(banner).toContain('\u001b[38;2;255;63;83m\u001b[48;2;246;60;81m▀');
+    expect(banner).toContain('\u001b[38;2;45;217;255m\u001b[48;2;45;217;255m▀');
+    expect(banner).toContain('\u001b[38;2;255;120;117m\u001b[48;2;255;77;79m▀');
     expect(banner).toContain('\u001b[48;2;');
     expect(banner).toContain('\u001b[38;2;45;217;255m');
     expect(banner).toContain('\u001b[38;2;255;77;79m');

src/__tests__/cli.test.ts

@@ -7,7 +7,7 @@ describe('CLI', () => {
   it('should show root help with the CLI version banner when no command is provided', async () => {
     const out = await run();
     expect(out).toMatch(/^▄███▄/);
-    expect(out).toContain('▄██▀ ▄█▄ ▀██▄');
+    expect(out).toContain('▄█▀ ▄█▄  ▀██▄');
     expect(out).toContain('\n▄▀█ █▄ █ ▀█▀   █▀▄ █▀▀ █▀▀ █ █▀▀ █▄ █   █▀▀ █   █');
     expect(out).toContain('\n█▀█ █ ▀█  █    █▄▀ ██▄ ▄▄█ █ █▄█ █ ▀█   █▄▄ █▄▄ █');
     expect(out).toMatch(/@ant-design\/cli v\d+\.\d+\.\d+[-\w.]*/);
@@ -17,7 +17,7 @@ describe('CLI', () => {
   it('should show help', async () => {
     const out = await run('--help');
     expect(out).toMatch(/^▄███▄/);
-    expect(out).toContain('▄██▀ ▄█▄ ▀██▄');
+    expect(out).toContain('▄█▀ ▄█▄  ▀██▄');
     expect(out).toContain('\n▄▀█ █▄ █ ▀█▀   █▀▄ █▀▀ █▀▀ █ █▀▀ █▄ █   █▀▀ █   █');
     expect(out).toContain('\n█▀█ █ ▀█  █    █▄▀ ██▄ ▄▄█ █ █▄█ █ ▀█   █▄▄ █▄▄ █');
     expect(out).toMatch(/@ant-design\/cli v\d+\.\d+\.\d+[-\w.]*/);

src/__tests__/snapshots/__snapshots__/help.test.ts.snap

@@ -2,11 +2,11 @@
 
 exports[`help > --help 1`] = `
 "▄███▄
-  ▄██▀▀▀██▄
-▄██▀ ▄█▄ ▀██▄
-▀██▄ ▀█▀ ▄██▀
-  ▀██▄▄▄██▀
-    ▀▀█▀▀
+  ▄█▀   ▀█▄
+▄█▀ ▄█▄  ▀██▄
+▀█▄ ▀█▀  ▄██▀
+  ▀█▄   ▄█▀
+    ▀███▀
 
 ▄▀█ █▄ █ ▀█▀   █▀▄ █▀▀ █▀▀ █ █▀▀ █▄ █   █▀▀ █   █
 █▀█ █ ▀█  █    █▄▀ ██▄ ▄▄█ █ █▄█ █ ▀█   █▄▄ █▄▄ █

src/output/banner.ts

@@ -2,12 +2,12 @@ import cfonts from 'cfonts';
 
 const HELP_BANNER_GRADIENT = ['#1677ff', '#2dd9ff', '#ff4d4f'];
 const HELP_LOGO_CELLS = [
-  [['', ''], ['', ''], ['', ''], ['', ''], ['', '#3ab7ff'], ['#44c3ff', '#26c1ff'], ['#2dd9ff', '#2dc8ff'], ['#33e5ff', '#39affc'], ['', '#50a7f1'], ['', ''], ['', ''], ['', ''], ['', '']],
-  [['', ''], ['', ''], ['', '#269aff'], ['#2daaff', '#1ca5ff'], ['#21b4ff', '#22a8fd'], ['#25b4fd', ''], ['#6493ea', ''], ['#42a2f5', ''], ['#3eb5fa', '#3fbafb'], ['#35c4ff', '#61a9dc'], ['', '#f67272'], ['', ''], ['', '']],
-  [['', '#1a88ff'], ['#1f8dff', '#1591ff'], ['#189dff', '#1f90ff'], ['#2098fd', ''], ['', ''], ['', '#f54f5f'], ['#f57c7f', '#ff606e'], ['', '#f75b67'], ['', ''], ['#ff555a', ''], ['#ff636c', '#f95667'], ['#f86e6e', '#fc5a67'], ['', '#f65f67']],
-  [['#1583fc', ''], ['#1389ff', '#147aff'], ['#1382fd', '#1287ff'], ['', '#137ffd'], ['', ''], ['#f43b4c', ''], ['#ff3f53', '#f63c51'], ['#f54355', ''], ['', ''], ['', '#ff2e34'], ['#f94153', '#ff384a'], ['#fc485b', '#f43a4b'], ['#f65363', '']],
-  [['', ''], ['', ''], ['#1577ff', ''], ['#107eff', '#1671ff'], ['#1780ff', '#0f79ff'], ['', '#1678fd'], ['', '#447cee'], ['', '#1579fd'], ['#1785ff', '#137fff'], ['#4473d8', '#0b88ff'], ['#f63141', ''], ['', ''], ['', '']],
-  [['', ''], ['', ''], ['', ''], ['', ''], ['#1669ff', ''], ['#0e70ff', ''], ['#1078ff', '#1374ff'], ['#1275ff', ''], ['#267bff', ''], ['', ''], ['', ''], ['', ''], ['', '']],
+  [['', ''], ['', ''], ['', ''], ['', ''], ['', '#2dd9ff'], ['#2dd9ff', '#2dd9ff'], ['#2dd9ff', '#2dd9ff'], ['#2dd9ff', '#2dd9ff'], ['', '#2dd9ff'], ['', ''], ['', ''], ['', ''], ['', '']],
+  [['', ''], ['', ''], ['', '#1890ff'], ['#2dd9ff', '#1890ff'], ['#2dd9ff', ''], ['', ''], ['', ''], ['', ''], ['#2dd9ff', ''], ['#2dd9ff', '#ff7875'], ['', '#ff7875'], ['', ''], ['', '']],
+  [['', '#1890ff'], ['#1890ff', '#1890ff'], ['#1890ff', ''], ['', ''], ['', '#ff4d4f'], ['#ff7875', '#ff4d4f'], ['', '#ff4d4f'], ['', ''], ['', ''], ['#ff7875', ''], ['#ff7875', '#ff4d4f'], ['#ff7875', '#ff4d4f'], ['', '#ff4d4f']],
+  [['#1890ff', ''], ['#1890ff', '#1890ff'], ['', '#1890ff'], ['', ''], ['#ff4d4f', ''], ['#ff4d4f', '#ff7875'], ['#ff4d4f', ''], ['', ''], ['', ''], ['', '#ff7875'], ['#ff4d4f', '#ff7875'], ['#ff4d4f', '#ff7875'], ['#ff4d4f', '']],
+  [['', ''], ['', ''], ['#1890ff', ''], ['#1890ff', '#1677ff'], ['', '#1677ff'], ['', ''], ['', ''], ['', ''], ['', '#1677ff'], ['#ff7875', '#1677ff'], ['#ff7875', ''], ['', ''], ['', '']],
+  [['', ''], ['', ''], ['', ''], ['', ''], ['#1677ff', ''], ['#1677ff', '#1677ff'], ['#1677ff', '#1677ff'], ['#1677ff', '#1677ff'], ['#1677ff', ''], ['', ''], ['', ''], ['', ''], ['', '']],
 ] as const;
 const ANSI_ESCAPE_PATTERN = /^\u001b\[[0-9;]*m/;