From d9765a18bde3a6f516bf68ef3f88082bf76ec49f Mon Sep 17 00:00:00 2001
From: Keith Guerin <keithguerin@gmail.com>
Date: Thu, 26 Feb 2026 13:41:20 -0800
Subject: [PATCH] feat(ui): fix ESLint unescaped entities in /colors

---
 packages/cli/src/ui/components/ColorsDisplay.tsx | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/packages/cli/src/ui/components/ColorsDisplay.tsx b/packages/cli/src/ui/components/ColorsDisplay.tsx
index b08cf97e09..4c5fb2c307 100644
--- a/packages/cli/src/ui/components/ColorsDisplay.tsx
+++ b/packages/cli/src/ui/components/ColorsDisplay.tsx
@@ -140,6 +140,19 @@ export const ColorsDisplay: React.FC = () => {
           iTerm2, VSCode, etc), and see how the colors change across different
           themes.
         </Text>
+        <Box marginTop={1} flexDirection="column">
+          <Text color={theme.text.secondary}>
+            <Text bold color={theme.text.primary}>
+              Note on overrides:
+            </Text>{' '}
+            Hex values (TrueColor) are rendered exactly as shown and are
+            generally <Text italic>not</Text> affected by your Terminal
+            app&apos;s theme. Color names (like &apos;red&apos;,
+            &apos;green&apos;, &apos;gray&apos;) used in the ANSI theme{' '}
+            <Text italic>are</Text> overridden by your Terminal app&apos;s
+            palette.
+          </Text>
+        </Box>
         <Box marginTop={1}>
           <Text color={theme.text.secondary}>
             Active Theme:{' '}