4c2a5045a0
- Added a number of common themes to our support matrix: - AtomOneDark - Dracula - VS - GitHub - GoogleCode - XCode - ... Admittedly these all were randomly picked, we could probably curate these better... - Added a new `ThemeDialog` UI that can be accessed via `/theme`. It shows your currentlyt available themes and allows you to change them freely. It does **not**: - Save the theme between sessions - Allow you to hit escape - Show a preview prior to selection. - These themes are from reacts highlight js library. Fixes https://b.corp.google.com/issues/412797985
35 lines
1.8 KiB
TypeScript
35 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';
|
|
|
|
const gradientColors = ['#4796E4', '#847ACE', '#C3677F'];
|
|
|
|
export const Header: React.FC = () => (
|
|
<>
|
|
<Box marginBottom={1} alignItems="flex-start">
|
|
<Gradient colors={gradientColors}>
|
|
<Text>{`
|
|
██████╗ ███████╗███╗ ███╗██╗███╗ ██╗██╗
|
|
██╔════╝ ██╔════╝████╗ ████║██║████╗ ██║██║
|
|
██║ ███╗█████╗ ██╔████╔██║██║██╔██╗ ██║██║
|
|
██║ ██║██╔══╝ ██║╚██╔╝██║██║██║╚██╗██║██║
|
|
╚██████╔╝███████╗██║ ╚═╝ ██║██║██║ ╚████║██║
|
|
╚═════╝ ╚══════╝╚═╝ ╚═╝╚═╝╚═╝ ╚═══╝╚═╝
|
|
|
|
██████╗ ██████╗ ██████╗ ███████╗
|
|
██╔════╝██╔═══██╗██╔══██╗██╔════╝
|
|
██║ ██║ ██║██║ ██║█████╗
|
|
██║ ██║ ██║██║ ██║██╔══╝
|
|
╚██████╗╚██████╔╝██████╔╝███████╗
|
|
╚═════╝ ╚═════╝ ╚═════╝ ╚══════╝
|
|
`}</Text>
|
|
</Gradient>
|
|
</Box>
|
|
</>
|
|
);
|