feat: keep only color

src/components/LogoV2/CondensedLogo.tsx

@@ -92,7 +92,7 @@ export function CondensedLogo(): ReactNode {
       {/* Info */}
       <Box flexDirection="column">
         <Text>
-          <Text bold>Versper Claw</Text>{' '}
+          <Text bold color="clawd_body">Versper Claw</Text>{' '}
           <Text dimColor>v{truncatedVersion}</Text>
         </Text>
         {shouldSplit ? (

src/components/LogoV2/Feed.tsx

@@ -64,7 +64,7 @@ export function Feed({ config, actualWidth }: FeedProps): React.ReactNode {
 
   return (
     <Box flexDirection="column" width={actualWidth}>
-      <Text bold color="claude">
+      <Text bold color="clawd_body">
         {title}
       </Text>
       {customContent ? (

src/components/LogoV2/FeedColumn.tsx

@@ -23,7 +23,7 @@ export function FeedColumn({
         <React.Fragment key={index}>
           <Feed config={feed} actualWidth={actualWidth} />
           {index < feeds.length - 1 && (
-            <Divider color="claude" width={actualWidth} />
+            <Divider color="clawd_body" width={actualWidth} />
           )}
         </React.Fragment>
       ))}

src/components/LogoV2/GuestPassesUpsell.tsx

@@ -63,10 +63,10 @@ export function GuestPassesUpsell(): React.ReactNode {
   const reward = getCachedReferrerReward()
   return (
     <Text dimColor>
-      <Text color="claude">[✻]</Text> <Text color="claude">[✻]</Text>{' '}
-      <Text color="claude">[✻]</Text> ·{' '}
+      <Text color="clawd_body">[✻]</Text> <Text color="clawd_body">[✻]</Text>{' '}
+      <Text color="clawd_body">[✻]</Text> ·{' '}
       {reward
-        ? `Share Claude Code and earn ${formatCreditAmount(reward)} of extra usage · /passes`
+        ? `Share Versper Claw and earn ${formatCreditAmount(reward)} of extra usage · /passes`
         : '3 guest passes at /passes'}
     </Text>
   )

src/components/LogoV2/LogoV2.tsx

@@ -250,8 +250,8 @@ export function LogoV2(): React.ReactNode {
   const layoutMode = getLayoutMode(columns)
 
   const userTheme = resolveThemeSetting(getGlobalConfig().theme)
-  const borderTitle = ` ${color('claude', userTheme)('Versper Claw')} ${color('inactive', userTheme)(`v${version}`)} `
-  const compactBorderTitle = color('claude', userTheme)(' Versper Claw ')
+  const borderTitle = ` ${color('clawd_body', userTheme)('Versper Claw')} ${color('inactive', userTheme)(`v${version}`)} `
+  const compactBorderTitle = color('clawd_body', userTheme)(' Versper Claw ')
 
   // Early return for compact mode
   if (layoutMode === 'compact') {
@@ -281,7 +281,7 @@ export function LogoV2(): React.ReactNode {
           <Box
             flexDirection="column"
             borderStyle="round"
-            borderColor="claude"
+            borderColor="clawd_body"
             borderText={{
               content: compactBorderTitle,
               position: 'top',
@@ -355,7 +355,7 @@ export function LogoV2(): React.ReactNode {
         <Box
           flexDirection="column"
           borderStyle="round"
-          borderColor="claude"
+          borderColor="clawd_body"
           borderText={{
             content: borderTitle,
             position: 'top',
@@ -394,7 +394,7 @@ export function LogoV2(): React.ReactNode {
               <Box
                 height="100%"
                 borderStyle="single"
-                borderColor="claude"
+                borderColor="clawd_body"
                 borderDimColor
                 borderTop={false}
                 borderBottom={false}

src/components/LogoV2/OverageCreditUpsell.tsx

@@ -102,7 +102,7 @@ export function OverageCreditUpsell({
     const title = getFeedTitle(amount)
     return (
       <>
-        <Text color="claude">
+        <Text color="clawd_body">
           {maxWidth ? truncate(title, maxWidth) : title}
         </Text>
         <Text dimColor>
@@ -118,7 +118,7 @@ export function OverageCreditUpsell({
 
   return (
     <Text dimColor>
-      <Text color="claude">{display.slice(0, highlightLen)}</Text>
+      <Text color="clawd_body">{display.slice(0, highlightLen)}</Text>
       {display.slice(highlightLen)}
     </Text>
   )

src/components/LogoV2/WelcomeV2.tsx

@@ -6,7 +6,7 @@ const WELCOME_V2_WIDTH = 58
 
 export function WelcomeV2(): React.ReactNode {
   const [theme] = useTheme()
-  const welcomeMessage = 'Welcome to Claude Code'
+  const welcomeMessage = 'Welcome to Versper Claw'
 
   if (env.terminal === 'Apple_Terminal') {
     return (
@@ -19,7 +19,7 @@ export function WelcomeV2(): React.ReactNode {
       <Box width={WELCOME_V2_WIDTH}>
         <Text>
           <Text>
-            <Text color="claude">{welcomeMessage} </Text>
+            <Text color="clawd_body">{welcomeMessage} </Text>
             <Text dimColor>v{MACRO.VERSION} </Text>
           </Text>
           <Text>
@@ -88,7 +88,7 @@ export function WelcomeV2(): React.ReactNode {
     <Box width={WELCOME_V2_WIDTH}>
       <Text>
         <Text>
-          <Text color="claude">{welcomeMessage} </Text>
+          <Text color="clawd_body">{welcomeMessage} </Text>
           <Text dimColor>v{MACRO.VERSION} </Text>
         </Text>
         <Text>
@@ -173,7 +173,7 @@ function AppleTerminalWelcomeV2({
       <Box width={WELCOME_V2_WIDTH}>
         <Text>
           <Text>
-            <Text color="claude">{welcomeMessage} </Text>
+            <Text color="clawd_body">{welcomeMessage} </Text>
             <Text dimColor>v{MACRO.VERSION} </Text>
           </Text>
           <Text>
@@ -249,7 +249,7 @@ function AppleTerminalWelcomeV2({
     <Box width={WELCOME_V2_WIDTH}>
       <Text>
         <Text>
-          <Text color="claude">{welcomeMessage} </Text>
+          <Text color="clawd_body">{welcomeMessage} </Text>
           <Text dimColor>v{MACRO.VERSION} </Text>
         </Text>
         <Text>