From 7b9cf135e42b13768195eb38af270122e9478a35 Mon Sep 17 00:00:00 2001
From: sasha-astiadi <sasha@incubaid.com>
Date: Wed, 19 Nov 2025 18:13:30 +0100
Subject: [PATCH] refactor: update button colors in CallToAction and Hero
 components for improved contrast

- Changed link button color from cyan to white in agents, home, and network CallToAction components
- Updated network Hero secondary button from dark to gray outline variant
---
 src/pages/agents/CallToAction.tsx  | 2 +-
 src/pages/home/CallToAction.tsx    | 2 +-
 src/pages/network/CallToAction.tsx | 2 +-
 src/pages/network/Hero.tsx         | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/pages/agents/CallToAction.tsx b/src/pages/agents/CallToAction.tsx
index f995929..60c8438 100644
--- a/src/pages/agents/CallToAction.tsx
+++ b/src/pages/agents/CallToAction.tsx
@@ -69,7 +69,7 @@ export function CallToAction() {
                 as="a"
                 to="https://threefold.info/mycelium_network/docs/"
                 variant="link"
-                color="cyan"
+                color="white"
                 className="inline-flex items-center gap-1.5"
                 target="_blank"
                 rel="noopener noreferrer"
diff --git a/src/pages/home/CallToAction.tsx b/src/pages/home/CallToAction.tsx
index 1eb4e5f..93bb568 100644
--- a/src/pages/home/CallToAction.tsx
+++ b/src/pages/home/CallToAction.tsx
@@ -66,7 +66,7 @@ export function CallToAction() {
                 Deploy in Cloud
               </Button>
 
-              <Button to="/nodes" variant="link" color="cyan">
+              <Button to="/nodes" variant="link" color="white">
                 Host a Node &rarr;
               </Button>
             </div>
diff --git a/src/pages/network/CallToAction.tsx b/src/pages/network/CallToAction.tsx
index bb0394d..3ab835a 100644
--- a/src/pages/network/CallToAction.tsx
+++ b/src/pages/network/CallToAction.tsx
@@ -65,7 +65,7 @@ Use the network to link environments, deploy workloads, or host nodes to strengt
                 Deploy in Cloud
               </Button>
 
-              <Button to="/nodes" variant="link" color="cyan">
+              <Button to="/nodes" variant="link" color="white">
                 Host a Node &rarr;
               </Button>
             </div>
diff --git a/src/pages/network/Hero.tsx b/src/pages/network/Hero.tsx
index 3ff0651..525c36d 100644
--- a/src/pages/network/Hero.tsx
+++ b/src/pages/network/Hero.tsx
@@ -100,7 +100,7 @@ export function Hero() {
                 as="a"
                 to="https://threefold.info/mycelium_network/docs/"
                 variant="outline"
-                color="dark"
+                color="gray"
                 target="_blank"
                 rel="noopener noreferrer"
               >