diff --git a/src/components/LogoV2/WelcomeV2.tsx b/src/components/LogoV2/WelcomeV2.tsx index 235c7cada..9c08a967d 100644 --- a/src/components/LogoV2/WelcomeV2.tsx +++ b/src/components/LogoV2/WelcomeV2.tsx @@ -4,6 +4,10 @@ import { env } from '../../utils/env.js'; const WELCOME_V2_WIDTH = 58; +const COSTRICT_ART_LINE1 = '█▀▀ █▀█ █▀ ▀█▀ █▀█ █ █▀▀ ▀█▀'; +const COSTRICT_ART_LINE2 = '█▄▄ █▄█ ▄█ █ █▀▄ █ █▄▄ █ '; +const DIVIDER_PREFIX = '…………'; // 4个…,每个占2列,共8列 + export function WelcomeV2(): React.ReactNode { const [theme] = useTheme(); const welcomeMessage = 'Welcome to CoStrict'; @@ -14,102 +18,70 @@ export function WelcomeV2(): React.ReactNode { if (['light', 'light-daltonized', 'light-ansi'].includes(theme)) { return ( - + - - {welcomeMessage} - v{MACRO.VERSION} + {welcomeMessage} + v{MACRO.VERSION} + + {'…………………………………………………………………………………………………………………………………………………………'} + {' ░░░░░░ '} + {' ░░░ ░░░░░░░░░░ '} + {' ░░░░░░░░░░░░░░░░░░░ '} + + + {'…………'} + + {' '} + {COSTRICT_ART_LINE1} - {'…………………………………………………………………………………………………………………………………………………………'} - {' '} - {' '} - {' '} - {' ░░░░░░ '} - {' ░░░ ░░░░░░░░░░ '} - {' ░░░░░░░░░░░░░░░░░░░ '} - {' '} - - {' ░░░░'} - {' ██ '} - - - {' ░░░░░░░░░░'} - {' ██▒▒██ '} - - {' ▒▒ ██ ▒'} - - {' '} - █████████ - {' ▒▒░░▒▒ ▒ ▒▒'} - - - {' '} - - ██▄█████▄██ - - {' ▒▒ ▒▒ '} - - - {' '} - █████████ - {' ░ ▒ '} - - - {'…………………'} - {'█ █ █ █'} - {'……………………………………………………………………░…………………………▒…………'} + + + {'…………'} + + {' '} + {COSTRICT_ART_LINE2} + {'…………………………………………'} ); } return ( - + - - {welcomeMessage} - v{MACRO.VERSION} + {welcomeMessage} + v{MACRO.VERSION} + + {'…………………………………………………………………………………………………………………………………………………………'} + {' * █████▓▓░ '} + {' * ███▓░ ░░ '} + {' ░░░░░░ ███▓░ '} + {' ░░░ ░░░░░░░░░░ ███▓░ '} + + {' ░░░░░░░░░░░░░░░░░░░ '} + * + {' ██▓░░ ▓ '} + + {' ░▓▓███▓▓░ '} + {' * ░░░░ '} + {' ░░░░░░░░ '} + {' * ░░░░░░░░░░░░░░░░ '} + {' * '} + + {' '} + + {' '} + {COSTRICT_ART_LINE1} - {'…………………………………………………………………………………………………………………………………………………………'} - {' '} - {' * █████▓▓░ '} - {' * ███▓░ ░░ '} - {' ░░░░░░ ███▓░ '} - {' ░░░ ░░░░░░░░░░ ███▓░ '} - - {' ░░░░░░░░░░░░░░░░░░░ '} - * - {' ██▓░░ ▓ '} - - {' ░▓▓███▓▓░ '} - {' * ░░░░ '} - {' ░░░░░░░░ '} - {' ░░░░░░░░░░░░░░░░ '} - - {' '} - █████████ - {' '} - * - - - - {' '} - ██▄█████▄██ - {' '} - * - {' '} - - - {' '} - █████████ - {' * '} - - - {'…………………'} - {'█ █ █ █'} - {'………………………………………………………………………………………………………………'} + + + {'…………'} + + {' '} + {COSTRICT_ART_LINE2} + {'………………………………………………………………'} ); @@ -125,116 +97,69 @@ function AppleTerminalWelcomeV2({ theme, welcomeMessage }: AppleTerminalWelcomeV if (isLightTheme) { return ( - + - - {welcomeMessage} - v{MACRO.VERSION} + {welcomeMessage} + v{MACRO.VERSION} + + {'…………………………………………………………………………………………………………………………………………………………'} + {' ░░░░░░ '} + {' ░░░ ░░░░░░░░░░ '} + {' ░░░░░░░░░░░░░░░░░░░ '} + + + {'…………'} + + {' '} + {COSTRICT_ART_LINE1} - {'…………………………………………………………………………………………………………………………………………………………'} - {' '} - {' '} - {' '} - {' ░░░░░░ '} - {' ░░░ ░░░░░░░░░░ '} - {' ░░░░░░░░░░░░░░░░░░░ '} - {' '} - - {' ░░░░'} - {' ██ '} - - - {' ░░░░░░░░░░'} - {' ██▒▒██ '} - - {' ▒▒ ██ ▒'} - {' ▒▒░░▒▒ ▒ ▒▒'} - - {' '} - - - {' '} - ▗{' '}▖{' '} - - - {' ▒▒ ▒▒ '} - - - {' '} - {' '.repeat(9)} - {' ░ ▒ '} - - - {'…………………'} - - - - {' '} - - - - {'……………………………………………………………………░…………………………▒…………'} + + + {'…………'} + + {' '} + {COSTRICT_ART_LINE2} + {'…………………………………………'} ); } return ( - + - - {welcomeMessage} - v{MACRO.VERSION} + {welcomeMessage} + v{MACRO.VERSION} + + {'…………………………………………………………………………………………………………………………………………………………'} + {' * █████▓▓░ '} + {' * ███▓░ ░░ '} + {' ░░░░░░ ███▓░ '} + {' ░░░ ░░░░░░░░░░ ███▓░ '} + + {' ░░░░░░░░░░░░░░░░░░░ '} + * + {' ██▓░░ ▓ '} + + {' ░▓▓███▓▓░ '} + {' * ░░░░ '} + {' ░░░░░░░░ '} + {' ░░░░░░░░░░░░░░░░ '} + + {'…………'} + + {' '} + {COSTRICT_ART_LINE1} - {'…………………………………………………………………………………………………………………………………………………………'} - {' '} - {' * █████▓▓░ '} - {' * ███▓░ ░░ '} - {' ░░░░░░ ███▓░ '} - {' ░░░ ░░░░░░░░░░ ███▓░ '} - - {' ░░░░░░░░░░░░░░░░░░░ '} - * - {' ██▓░░ ▓ '} - - {' ░▓▓███▓▓░ '} - {' * ░░░░ '} - {' ░░░░░░░░ '} - {' ░░░░░░░░░░░░░░░░ '} - - {' '} - * - - - - {' '} - - - {' '} - ▗{' '}▖{' '} - - - {' '} - * - {' '} - - - {' '} - {' '.repeat(9)} - {' * '} - - - {'…………………'} - - - - {' '} - - - - {'………………………………………………………………………………………………………………'} + + + {'…………'} + + {' '} + {COSTRICT_ART_LINE2} + {'…………………………………………'} ); diff --git a/src/components/ThemePicker.tsx b/src/components/ThemePicker.tsx index 2c99fc455..e586ddc4a 100644 --- a/src/components/ThemePicker.tsx +++ b/src/components/ThemePicker.tsx @@ -164,7 +164,7 @@ export function ThemePicker({ lines: [ ' function greet() {', '- console.log("Hello, World!");', - '+ console.log("Hello, Claude!");', + '+ console.log("Hello, CoStrict!");', ' }', ], }}