mirror of
https://github.com/QwenLM/qwen-code.git
synced 2025-12-20 16:57:46 +00:00
f7edf71190
- This utilizes `ink-gradient` to render GEMINI CODE in amazing colors. - Added a shared color configuration for UX (should this be in config?). It's very possible that we shouldn't be talking about the specific colors and instead be mentioning "foreground"/"background"/inlineCode etc. type colors. - Updated existing color usages to utilize `Colors.*` Fixes https://b.corp.google.com/issues/411385593
38 lines
1.8 KiB
TypeScript
38 lines
1.8 KiB
TypeScript
/**
|
|
* @license
|
|
* Copyright 2025 Google LLC
|
|
* SPDX-License-Identifier: Apache-2.0
|
|
*/
|
|
|
|
import React from 'react';
|
|
import { Box, Text } from 'ink';
|
|
import Gradient from 'ink-gradient';
|
|
import { Tips } from './Tips.js';
|
|
|
|
const gradientColors = ['#4796E4', '#847ACE', '#C3677F'];
|
|
|
|
export const Header: React.FC = () => (
|
|
<>
|
|
<Box marginBottom={1} alignItems="flex-start">
|
|
<Gradient colors={gradientColors}>
|
|
<Text>{`
|
|
██████╗ ███████╗███╗ ███╗██╗███╗ ██╗██╗
|
|
██╔════╝ ██╔════╝████╗ ████║██║████╗ ██║██║
|
|
██║ ███╗█████╗ ██╔████╔██║██║██╔██╗ ██║██║
|
|
██║ ██║██╔══╝ ██║╚██╔╝██║██║██║╚██╗██║██║
|
|
╚██████╔╝███████╗██║ ╚═╝ ██║██║██║ ╚████║██║
|
|
╚═════╝ ╚══════╝╚═╝ ╚═╝╚═╝╚═╝ ╚═══╝╚═╝
|
|
|
|
██████╗ ██████╗ ██████╗ ███████╗
|
|
██╔════╝██╔═══██╗██╔══██╗██╔════╝
|
|
██║ ██║ ██║██║ ██║█████╗
|
|
██║ ██║ ██║██║ ██║██╔══╝
|
|
╚██████╗╚██████╔╝██████╔╝███████╗
|
|
╚═════╝ ╚═════╝ ╚═════╝ ╚══════╝
|
|
`}</Text>
|
|
</Gradient>
|
|
</Box>
|
|
<Tips />
|
|
</>
|
|
);
|