From 19ed2ed6305aa12d260a569eec4837d3ccf56f17 Mon Sep 17 00:00:00 2001
From: Jacob Richman <jacob314@gmail.com>
Date: Thu, 24 Apr 2025 11:56:23 -0700
Subject: Add an ansi theme. (#152)

Add the gradient used by the ascii art logo to theme.
---
 packages/cli/src/ui/components/Header.tsx | 23 ++++++++++++++---------
 1 file changed, 14 insertions(+), 9 deletions(-)

(limited to 'packages/cli/src/ui/components/Header.tsx')

diff --git a/packages/cli/src/ui/components/Header.tsx b/packages/cli/src/ui/components/Header.tsx
index 5706cee6..ce799c28 100644
--- a/packages/cli/src/ui/components/Header.tsx
+++ b/packages/cli/src/ui/components/Header.tsx
@@ -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>
   </>
 );
-- 
cgit v1.2.3

