From 797c325883d5a8d64084cccab9a70e4cd1c10bfe Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Fri, 10 Jul 2026 07:21:37 +0000
Subject: [PATCH 1/2] fix: readable text in public preview callout for light
 mode

Co-authored-by: pelikhan <4175913+pelikhan@users.noreply.github.com>
---
 docs/src/styles/custom.css | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/docs/src/styles/custom.css b/docs/src/styles/custom.css
index 04c0fa492dd..3abeab492f8 100644
--- a/docs/src/styles/custom.css
+++ b/docs/src/styles/custom.css
@@ -300,6 +300,10 @@
   color: var(--aw-text-muted);
 }
 
+:root[data-theme='light'] .hero .hero-preview-callout {
+  color: #6a4500;
+}
+
 /* Light Theme Experimental Badge */
 :root[data-theme='light'] .experimental-badge {
   background: rgba(107, 70, 193, 0.12) !important;

From 2ad012485ecbb52581c7c5d26f91f8c3a8d0d933 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Fri, 10 Jul 2026 07:22:12 +0000
Subject: [PATCH 2/2] fix: use CSS variable for public preview callout text
 color in light mode

Co-authored-by: pelikhan <4175913+pelikhan@users.noreply.github.com>
---
 docs/src/styles/custom.css | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/docs/src/styles/custom.css b/docs/src/styles/custom.css
index 3abeab492f8..37a7d070eec 100644
--- a/docs/src/styles/custom.css
+++ b/docs/src/styles/custom.css
@@ -101,6 +101,7 @@
   --aw-border: rgba(208, 215, 222, 0.9);
   --aw-border-strong: rgba(175, 184, 193, 0.95);
   --aw-text-muted: #57606a;
+  --aw-callout-preview-text: #6a4500;
   --aw-shadow: 0 18px 42px rgba(31, 35, 40, 0.08);
   --aw-accent-rgb: 130, 80, 223;
 }
@@ -301,7 +302,7 @@
 }
 
 :root[data-theme='light'] .hero .hero-preview-callout {
-  color: #6a4500;
+  color: var(--aw-callout-preview-text);
 }
 
 /* Light Theme Experimental Badge */