From 9dd46013dfb9a0fe6f987d88ee0693276850651d Mon Sep 17 00:00:00 2001
From: Raphael Strotz <17022099+Xzelsius@users.noreply.github.com>
Date: Tue, 8 Oct 2024 15:10:42 +0200
Subject: [PATCH] fix: missing theme overrides (#96)

Co-authored-by: Raphael Strotz <Xzelsius@users.noreply.github.com>
---
 docs/.vitepress/theme/custom.css | 37 ++++++++++++++++++++++++++++++++
 docs/en/guide/compatibility.md   |  2 +-
 docs/en/index.md                 | 37 --------------------------------
 3 files changed, 38 insertions(+), 38 deletions(-)

diff --git a/docs/.vitepress/theme/custom.css b/docs/.vitepress/theme/custom.css
index 72c57cd..e4d00ff 100644
--- a/docs/.vitepress/theme/custom.css
+++ b/docs/.vitepress/theme/custom.css
@@ -1,6 +1,43 @@
+/* Customize the brand colors */
 :root {
   --vp-c-brand-1: var(--vp-c-green-1);
   --vp-c-brand-2: var(--vp-c-green-2);
   --vp-c-brand-3: var(--vp-c-green-3);
   --vp-c-brand-soft: var(--vp-c-green-soft);
 }
+
+/* Customize the home page */
+:root {
+  --vp-home-hero-name-color: transparent;
+  --vp-home-hero-name-background: -webkit-linear-gradient(120deg, #298459 30%, #E3CF46);
+
+  --vp-home-hero-image-background-image: linear-gradient(-45deg, #298459 50%, #E3CF46 50%);
+  --vp-home-hero-image-filter: blur(44px);
+}
+
+.VPHomeHero .VPImage {
+  max-width: 150px;
+  max-height: 150px;
+}
+
+@media (min-width: 640px) {
+  :root {
+    --vp-home-hero-image-filter: blur(56px);
+  }
+
+  .VPHomeHero .VPImage {
+    max-width: 200px;
+    min-height: 200px;
+  }
+}
+
+@media (min-width: 960px) {
+  :root {
+    --vp-home-hero-image-filter: blur(68px);
+  }
+
+  .VPHomeHero .VPImage {
+    max-width: 250px;
+    max-height: 250px;
+  }
+}
diff --git a/docs/en/guide/compatibility.md b/docs/en/guide/compatibility.md
index 2907fdd..502def5 100644
--- a/docs/en/guide/compatibility.md
+++ b/docs/en/guide/compatibility.md
@@ -13,7 +13,7 @@ See [.NET and .NET Core Support Policy](https://dotnet.microsoft.com/en-us/platf
 There are no plans for any multi-target builds, as I don't want the additional complexity of such.
 :::
 
-<style>
+<style scoped>
 img.release-cadence {
     content: url(https://dotnet.microsoft.com/blob-assets/images/illustrations/release-schedule.svg);
 }
diff --git a/docs/en/index.md b/docs/en/index.md
index 1eaa7f1..7e0b773 100644
--- a/docs/en/index.md
+++ b/docs/en/index.md
@@ -23,40 +23,3 @@ features:
   - title: Soon&trade;
     details: Keep an eye out for upcoming features and enhancements.
 ---
-
-<style>
-:root {
-  --vp-home-hero-name-color: transparent;
-  --vp-home-hero-name-background: -webkit-linear-gradient(120deg, #298459 30%, #E3CF46);
-
-  --vp-home-hero-image-background-image: linear-gradient(-45deg, #298459 50%, #E3CF46 50%);
-  --vp-home-hero-image-filter: blur(44px);
-}
-
-.VPHomeHero .image-src {
-  max-width: 150px;
-  max-height: 150px;
-}
-
-@media (min-width: 640px) {
-  :root {
-    --vp-home-hero-image-filter: blur(56px);
-  }
-
-  .VPHomeHero .imgage-src {
-    max-width: 200px;
-    min-height: 200px;
-  }
-}
-
-@media (min-width: 960px) {
-  :root {
-    --vp-home-hero-image-filter: blur(68px);
-  }
-
-  .VPHomeHero .image-src {
-    max-width: 250px;
-    max-height: 250px;
-  }
-}
-</style>