From a31e143afac597034a8d77f516961b0d2857ac8d Mon Sep 17 00:00:00 2001
From: Divyansh Singh <40380293+brc-dd@users.noreply.github.com>
Date: Sun, 22 Oct 2023 18:06:21 +0530
Subject: [PATCH] fix(styles): large blur radius is causing color issues with
 safari

---
 docs/index.md                       | 5 +++--
 template/.vitepress/theme/style.css | 4 ++--
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/docs/index.md b/docs/index.md
index 3f60c11d114d..9bdd428bffa2 100644
--- a/docs/index.md
+++ b/docs/index.md
@@ -33,13 +33,14 @@ features:
     title: Ship Fast Sites
     details: Fast initial load with static HTML, fast post-load navigation with client-side routing.
 ---
+
 <style>
 :root {
   --vp-home-hero-name-color: transparent;
   --vp-home-hero-name-background: -webkit-linear-gradient(120deg, #bd34fe 30%, #41d1ff);
 
   --vp-home-hero-image-background-image: linear-gradient(-45deg, #bd34fe 50%, #47caff 50%);
-  --vp-home-hero-image-filter: blur(40px);
+  --vp-home-hero-image-filter: blur(44px);
 }
 
 @media (min-width: 640px) {
@@ -50,7 +51,7 @@ features:
 
 @media (min-width: 960px) {
   :root {
-    --vp-home-hero-image-filter: blur(72px);
+    --vp-home-hero-image-filter: blur(68px);
   }
 }
 </style>
diff --git a/template/.vitepress/theme/style.css b/template/.vitepress/theme/style.css
index 8fb88fcd0ae7..2a518312f211 100644
--- a/template/.vitepress/theme/style.css
+++ b/template/.vitepress/theme/style.css
@@ -103,7 +103,7 @@
     #bd34fe 50%,
     #47caff 50%
   );
-  --vp-home-hero-image-filter: blur(40px);
+  --vp-home-hero-image-filter: blur(44px);
 }
 
 @media (min-width: 640px) {
@@ -114,7 +114,7 @@
 
 @media (min-width: 960px) {
   :root {
-    --vp-home-hero-image-filter: blur(72px);
+    --vp-home-hero-image-filter: blur(68px);
   }
 }