1 files changed, 15 insertions, 15 deletions
diff --git a/packages/cli/src/ui/components/Header.tsx b/packages/cli/src/ui/components/Header.tsx
index 5942e304..0894ad14 100644
--- a/packages/cli/src/ui/components/Header.tsx
+++ b/packages/cli/src/ui/components/Header.tsx
@@ -7,7 +7,7 @@
 import React from 'react';
 import { Box, Text } from 'ink';
 import Gradient from 'ink-gradient';
-import { theme } from '../semantic-colors.js';
+import { Colors } from '../colors.js';
 import { shortAsciiLogo, longAsciiLogo, tinyAsciiLogo } from './AsciiArt.js';
 import { getAsciiArtWidth } from '../utils/textUtils.js';
 import { useTerminalSize } from '../hooks/useTerminalSize.js';
@@ -18,16 +18,6 @@ interface HeaderProps {
   nightly: boolean;
 }
 
-const GradientText: React.FC<{ children: React.ReactNode }> = ({
-  children,
-}) => {
-  const textElement = <Text color={theme.text.primary}>{children}</Text>;
-  if (theme.ui.gradient && theme.ui.gradient.length > 0) {
-    return <Gradient colors={theme.ui.gradient}>{textElement}</Gradient>;
-  }
-  return textElement;
-};
-
 export const Header: React.FC<HeaderProps> = ({
   customAsciiArt,
   version,
@@ -57,12 +47,22 @@ export const Header: React.FC<HeaderProps> = ({
       flexShrink={0}
       flexDirection="column"
     >
-      <Box>
-        <GradientText>{displayTitle}</GradientText>
-      </Box>
+      {Colors.GradientColors ? (
+        <Gradient colors={Colors.GradientColors}>
+          <Text>{displayTitle}</Text>
+        </Gradient>
+      ) : (
+        <Text>{displayTitle}</Text>
+      )}
       {nightly && (
         <Box width="100%" flexDirection="row" justifyContent="flex-end">
-          <Text color={theme.text.primary}>v{version}</Text>
+          {Colors.GradientColors ? (
+            <Gradient colors={Colors.GradientColors}>
+              <Text>v{version}</Text>
+            </Gradient>
+          ) : (
+            <Text>v{version}</Text>
+          )}
         </Box>
       )}
     </Box>