From 2dca7b6f0b0b8db57164ca299284973c7d8003a0 Mon Sep 17 00:00:00 2001
From: Victor Chukwuebuka Umeh <41862157+vyktoremario@users.noreply.github.com>
Date: Fri, 23 Jan 2026 14:46:38 +0100
Subject: [PATCH] Demo section showing dark fonts

---
 src/components/TryItOut/styles.module.css | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/components/TryItOut/styles.module.css b/src/components/TryItOut/styles.module.css
index 9aed11c8332..2a3ec8b7684 100644
--- a/src/components/TryItOut/styles.module.css
+++ b/src/components/TryItOut/styles.module.css
@@ -10,7 +10,7 @@
 }
 
 .secondaryBtn {
-  color: var(--muted-on-surface);
+  color: var(--white) !important;
 }
 
 .contentFooter {
@@ -44,20 +44,20 @@
 }
 
 .text {
-  color: var(--muted-more-foreground);
+  color: var(--gray-400);
 }
 
 .indicator {
-  color: var(--segment-button-foreground);
+  color: var(--gray-400);
 }
 
 .accordionTrigger {
-  color: var(--muted-more-foreground);
+  color: var(--gray-400);
   padding: var(--space-4x) 0;
   border: none;
   outline: none;
   & p {
-    color: var(--muted-more-foreground);
+    color: var(--gray-400);
   }
 
   & svg {
@@ -81,7 +81,7 @@
   border-top: 2px solid var(--link);
 
   & .accordionTrigger {
-    color: var(--background);
+    color: var(--white);
   }
   & .indicator {
     color: var(--link);