From cc17b37694797d6c1ae9fbcc48b572649ea59d12 Mon Sep 17 00:00:00 2001
From: "Builder.io" <builder-bot@builder.io>
Date: Thu, 13 Nov 2025 05:47:14 +0000
Subject: [PATCH] completionId: cgen-7da5a145b3e640929285e60e7abaae4a

cgen-7da5a145b3e640929285e60e7abaae4a
---
 client/components/Layout.tsx | 22 ++++++++++++++++++----
 1 file changed, 18 insertions(+), 4 deletions(-)

diff --git a/client/components/Layout.tsx b/client/components/Layout.tsx
index a4a1e017..11aab53f 100644
--- a/client/components/Layout.tsx
+++ b/client/components/Layout.tsx
@@ -563,20 +563,34 @@ export default function CodeLayout({ children, hideFooter }: LayoutProps) {
                 </p>
                 <div className="space-y-2 text-sm text-muted-foreground">
                   <p className="flex items-center gap-2">
-                    <span className="h-1.5 w-1.5 rounded-full bg-aethex-400/70" />
+                    <span
+                      className="h-1.5 w-1.5 rounded-full"
+                      style={{ backgroundColor: `${theme.accentHex}B3` }}
+                    />
                     Queen Creek, Arizona
                   </p>
                   <p className="flex items-center gap-2">
-                    <span className="h-1.5 w-1.5 rounded-full bg-aethex-400/70" />
+                    <span
+                      className="h-1.5 w-1.5 rounded-full"
+                      style={{ backgroundColor: `${theme.accentHex}B3` }}
+                    />
                     <a
                       href="mailto:info@aethex.biz"
-                      className="hover:text-aethex-400 transition-colors"
+                      className="transition-colors"
+                      style={{
+                        color: "var(--muted-foreground)",
+                      }}
+                      onMouseEnter={(e) => e.currentTarget.style.color = theme.accentHex}
+                      onMouseLeave={(e) => e.currentTarget.style.color = "var(--muted-foreground)"}
                     >
                       info@aethex.biz
                     </a>
                   </p>
                   <p className="flex items-center gap-2">
-                    <span className="h-1.5 w-1.5 rounded-full bg-aethex-400/70" />
+                    <span
+                      className="h-1.5 w-1.5 rounded-full"
+                      style={{ backgroundColor: `${theme.accentHex}B3` }}
+                    />
                     (346) 556-7100
                   </p>
                 </div>