abbyswag/qwen-code
1
0
Fork 0
mirror of https://github.com/QwenLM/qwen-code.git synced 2025-12-20 16:57:46 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add an ansi theme. (#152)

Browse Source 
Add the gradient used by the ascii art logo to theme.
This commit is contained in:
Jacob Richman
2025-04-24 11:56:23 -07:00
committed by GitHub
parent 5790a5d7cf
commit 19ed2ed630
5 changed files with 174 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
packages/cli/src/ui/components/Header.tsx
View File

@@ -7,14 +7,9 @@
import React from 'react';
import { Box, Text } from 'ink';
import Gradient from 'ink-gradient';
import { Colors } from '../colors.js';
const gradientColors = ['#4796E4', '#847ACE', '#C3677F'];
export const Header: React.FC = () => (
<>
<Box marginBottom={1} alignItems="flex-start">
<Gradient colors={gradientColors}>
<Text>{`
const asciiArtLogo = `
██████╗ ███████╗███╗ ███╗██╗███╗ ██╗██╗
██╔════╝ ██╔════╝████╗ ████║██║████╗ ██║██║
██║ ███╗█████╗ ██╔████╔██║██║██╔██╗ ██║██║
@@ -28,8 +23,18 @@ export const Header: React.FC = () => (
██║ ██║ ██║██║ ██║██╔══╝
╚██████╗╚██████╔╝██████╔╝███████╗
╚═════╝ ╚═════╝ ╚═════╝ ╚══════╝
`}</Text>
</Gradient>
`;
export const Header: React.FC = () => (
<>
<Box marginBottom={1} alignItems="flex-start">
{Colors.GradientColors ? (
<Gradient colors={Colors.GradientColors}>
<Text>{asciiArtLogo}</Text>
</Gradient>
) : (
<Text>{asciiArtLogo}</Text>
)}
</Box>
</>
);