1 files changed, 18 insertions, 18 deletions
diff --git a/packages/cli/src/ui/components/AboutBox.tsx b/packages/cli/src/ui/components/AboutBox.tsx
index 54bcbc3c..a0954576 100644
--- a/packages/cli/src/ui/components/AboutBox.tsx
+++ b/packages/cli/src/ui/components/AboutBox.tsx
@@ -6,7 +6,7 @@
 
 import React from 'react';
 import { Box, Text } from 'ink';
-import { theme } from '../semantic-colors.js';
+import { Colors } from '../colors.js';
 import { GIT_COMMIT_INFO } from '../../generated/git-commit.js';
 
 interface AboutBoxProps {
@@ -30,77 +30,77 @@ export const AboutBox: React.FC<AboutBoxProps> = ({
 }) => (
   <Box
     borderStyle="round"
-    borderColor={theme.border.default}
+    borderColor={Colors.Gray}
     flexDirection="column"
     padding={1}
     marginY={1}
     width="100%"
   >
     <Box marginBottom={1}>
-      <Text bold color={theme.text.accent}>
+      <Text bold color={Colors.AccentPurple}>
         About Gemini CLI
       </Text>
     </Box>
     <Box flexDirection="row">
       <Box width="35%">
-        <Text bold color={theme.text.link}>
+        <Text bold color={Colors.LightBlue}>
           CLI Version
         </Text>
       </Box>
       <Box>
-        <Text color={theme.text.primary}>{cliVersion}</Text>
+        <Text>{cliVersion}</Text>
       </Box>
     </Box>
     {GIT_COMMIT_INFO && !['N/A'].includes(GIT_COMMIT_INFO) && (
       <Box flexDirection="row">
         <Box width="35%">
-          <Text bold color={theme.text.link}>
+          <Text bold color={Colors.LightBlue}>
             Git Commit
           </Text>
         </Box>
         <Box>
-          <Text color={theme.text.primary}>{GIT_COMMIT_INFO}</Text>
+          <Text>{GIT_COMMIT_INFO}</Text>
         </Box>
       </Box>
     )}
     <Box flexDirection="row">
       <Box width="35%">
-        <Text bold color={theme.text.link}>
+        <Text bold color={Colors.LightBlue}>
           Model
         </Text>
       </Box>
       <Box>
-        <Text color={theme.text.primary}>{modelVersion}</Text>
+        <Text>{modelVersion}</Text>
       </Box>
     </Box>
     <Box flexDirection="row">
       <Box width="35%">
-        <Text bold color={theme.text.link}>
+        <Text bold color={Colors.LightBlue}>
           Sandbox
         </Text>
       </Box>
       <Box>
-        <Text color={theme.text.primary}>{sandboxEnv}</Text>
+        <Text>{sandboxEnv}</Text>
       </Box>
     </Box>
     <Box flexDirection="row">
       <Box width="35%">
-        <Text bold color={theme.text.link}>
+        <Text bold color={Colors.LightBlue}>
           OS
         </Text>
       </Box>
       <Box>
-        <Text color={theme.text.primary}>{osVersion}</Text>
+        <Text>{osVersion}</Text>
       </Box>
     </Box>
     <Box flexDirection="row">
       <Box width="35%">
-        <Text bold color={theme.text.link}>
+        <Text bold color={Colors.LightBlue}>
           Auth Method
         </Text>
       </Box>
       <Box>
-        <Text color={theme.text.primary}>
+        <Text>
           {selectedAuthType.startsWith('oauth') ? 'OAuth' : selectedAuthType}
         </Text>
       </Box>
@@ -108,19 +108,19 @@ export const AboutBox: React.FC<AboutBoxProps> = ({
     {gcpProject && (
       <Box flexDirection="row">
         <Box width="35%">
-          <Text bold color={theme.text.link}>
+          <Text bold color={Colors.LightBlue}>
             GCP Project
           </Text>
         </Box>
         <Box>
-          <Text color={theme.text.primary}>{gcpProject}</Text>
+          <Text>{gcpProject}</Text>
         </Box>
       </Box>
     )}
     {ideClient && (
       <Box flexDirection="row">
         <Box width="35%">
-          <Text bold color={theme.text.link}>
+          <Text bold color={Colors.LightBlue}>
             IDE Client
           </Text>
         </Box>