From 0889e01c809c93f261e321e80d65ee3b25d92387 Mon Sep 17 00:00:00 2001
From: Charles Chrismann <78157563+Charles-Chrismann@users.noreply.github.com>
Date: Tue, 28 Nov 2023 03:00:23 +0100
Subject: [PATCH] Fixing color names in the doc (#448)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* :pencil2: fix colors in styling-overlay examples

* ✏️ fix colors in styling-overlay examples
---
 docs/src/content/guides/styling-overlay.mdx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/docs/src/content/guides/styling-overlay.mdx b/docs/src/content/guides/styling-overlay.mdx
index 503de87..82fa5bc 100644
--- a/docs/src/content/guides/styling-overlay.mdx
+++ b/docs/src/content/guides/styling-overlay.mdx
@@ -25,7 +25,7 @@ const driverObj = driver({
 driverObj.highlight({
   popover: {
     title: 'Pass any RGB Color',
-    description: 'Here we have set the overlay color to be blue. You can pass any RGB color to overlayColor option.'
+    description: 'Here we have set the overlay color to be red. You can pass any RGB color to overlayColor option.'
   }
 });
 ```
@@ -40,7 +40,7 @@ driverObj.highlight({
     highlight={{
       popover: {
         title: 'Pass any RGB Color',
-        description: 'Here we have set the overlay color to be blue. You can pass any RGB color to overlayColor option.',
+        description: 'Here we have set the overlay color to be red. You can pass any RGB color to overlayColor option.',
       }
     }}
     id={"left-start"}
@@ -72,10 +72,10 @@ driverObj.highlight({
     highlight={{
       popover: {
         title: 'Pass any RGB Color',
-        description: 'Here we have set the overlay color to be blue. You can pass any RGB color to overlayColor option.',
+        description: 'Here we have set the overlay color to be yellow. You can pass any RGB color to overlayColor option.',
       }
     }}
     id={"left-start"}
     client:load
   />
-</div>
\ No newline at end of file
+</div>