From c3b171e3b2c961e99be80d2d241b90a3a2c456f4 Mon Sep 17 00:00:00 2001
From: sasha-astiadi <sasha@incubaid.com>
Date: Thu, 20 Nov 2025 13:35:10 +0100
Subject: [PATCH] refactor: update cyan accent colors from cyan-400 to cyan-500
 across multiple components for improved contrast

- Changed AgentBento subtitle text from text-cyan-400 to text-cyan-500
- Changed CloudIntro key capabilities label from text-cyan-400 to text-cyan-500
- Changed ComputeCapabilities eyebrow from text-cyan-400 to text-cyan-500
- Changed GpuCapabilities link from text-cyan-400/hover:text-cyan-300 to text-cyan-500/hover:text-cyan-400
- Changed GpuOverview eyebrow from text-cyan-400 to text-cyan-500
---
 src/pages/agents/AgentBento.tsx           | 2 +-
 src/pages/cloud/CloudArchitecture.tsx     | 2 +-
 src/pages/cloud/CloudIntro.tsx            | 2 +-
 src/pages/compute/ComputeCapabilities.tsx | 2 +-
 src/pages/gpu/GpuCapabilities.tsx         | 2 +-
 src/pages/gpu/GpuOverview.tsx             | 2 +-
 6 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/pages/agents/AgentBento.tsx b/src/pages/agents/AgentBento.tsx
index fdcd5c2..9052922 100644
--- a/src/pages/agents/AgentBento.tsx
+++ b/src/pages/agents/AgentBento.tsx
@@ -136,7 +136,7 @@ export function AgentBento() {
                   ) : (
                     <>
                      {/* ✅ NEW SUBTITLE */}
-                      <p className="text-sm text-cyan-400">{card.subtitle}</p>
+                      <p className="text-sm text-cyan-500">{card.subtitle}</p>
 
                       <p className="mt-1 text-lg font-medium lg:text-xl tracking-tight text-white">
                         {card.title}
diff --git a/src/pages/cloud/CloudArchitecture.tsx b/src/pages/cloud/CloudArchitecture.tsx
index 122ad71..339982d 100644
--- a/src/pages/cloud/CloudArchitecture.tsx
+++ b/src/pages/cloud/CloudArchitecture.tsx
@@ -40,7 +40,7 @@ export function CloudArchitecture() {
       <div className="relative mx-auto max-w-7xl border border-t-0 border-b-0 border-gray-800 bg-[#111111] py-12">
         <Container>
           <div className="mx-auto max-w-4xl sm:text-center">
-            <Eyebrow className="text-cyan-400">ARCHITECTURE</Eyebrow>
+            <Eyebrow className="">ARCHITECTURE</Eyebrow>
 
             <H3 className="text-3xl lg:text-4xl font-medium tracking-tight text-white">
               How Mycelium Cloud Works
diff --git a/src/pages/cloud/CloudIntro.tsx b/src/pages/cloud/CloudIntro.tsx
index fef3ab3..980b671 100644
--- a/src/pages/cloud/CloudIntro.tsx
+++ b/src/pages/cloud/CloudIntro.tsx
@@ -159,7 +159,7 @@ export function CloudIntro() {
               </div>
 
               <div className="mt-4 space-y-2">
-                <p className="text-sm uppercase tracking-wide text-cyan-400 font-semibold">
+                <p className="text-sm uppercase tracking-wide text-cyan-500 font-semibold">
                   Key capabilities
                 </p>
 
diff --git a/src/pages/compute/ComputeCapabilities.tsx b/src/pages/compute/ComputeCapabilities.tsx
index c1a3f7d..1eec05c 100644
--- a/src/pages/compute/ComputeCapabilities.tsx
+++ b/src/pages/compute/ComputeCapabilities.tsx
@@ -47,7 +47,7 @@ export function ComputeCapabilities() {
       <div className="relative mx-auto max-w-7xl border border-t-0 border-b-0 border-gray-800 bg-[#111111] py-12">
         <Container>
           <div className="mx-auto max-w-4xl sm:text-center">
-            <Eyebrow className="text-cyan-400">CAPABILITIES</Eyebrow>
+            <Eyebrow className="text-cyan-500">CAPABILITIES</Eyebrow>
             <H3 className="text-3xl lg:text-4xl font-medium tracking-tight text-white">
               What You Can Run
             </H3>
diff --git a/src/pages/gpu/GpuCapabilities.tsx b/src/pages/gpu/GpuCapabilities.tsx
index f8066dc..a820a9e 100644
--- a/src/pages/gpu/GpuCapabilities.tsx
+++ b/src/pages/gpu/GpuCapabilities.tsx
@@ -84,7 +84,7 @@ export function GpuCapabilities() {
                   <div className="flex items-center gap-x-4 mt-3">
                     <a
                       href="#"
-                      className="inline-flex items-center gap-1 text-cyan-400 hover:text-cyan-300 text-sm font-medium mr-auto"
+                      className="inline-flex items-center gap-1 text-cyan-500 hover:text-cyan-400 text-sm font-medium mr-auto"
                     >
                       Learn more →
                     </a>
diff --git a/src/pages/gpu/GpuOverview.tsx b/src/pages/gpu/GpuOverview.tsx
index 2449e86..f0ada9d 100644
--- a/src/pages/gpu/GpuOverview.tsx
+++ b/src/pages/gpu/GpuOverview.tsx
@@ -42,7 +42,7 @@ export function GpuOverview() {
       <div className="relative mx-auto max-w-7xl border border-t-0 border-b-0 border-gray-800 bg-[#111111] py-12">
         <Container>
           <div className="mx-auto max-w-3xl text-center">
-            <Eyebrow className="text-cyan-400 tracking-[0.32em] uppercase">
+            <Eyebrow className="text-cyan-500 tracking-[0.32em] uppercase">
               PLATFORM OVERVIEW
             </Eyebrow>