From fcd2e31ab50a139256d3f001043cea52c30dc8b1 Mon Sep 17 00:00:00 2001
From: fabianhug <fabian@auditive-experience.com>
Date: Tue, 12 Nov 2024 00:14:55 +0100
Subject: [PATCH] fix: docs features darkmode color

---
 docs/src/components/HomepageFeatures/index.js | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/docs/src/components/HomepageFeatures/index.js b/docs/src/components/HomepageFeatures/index.js
index 1ec1cdc2a8..aecb8056cb 100644
--- a/docs/src/components/HomepageFeatures/index.js
+++ b/docs/src/components/HomepageFeatures/index.js
@@ -37,12 +37,15 @@ function Feature({ title, description }) {
     <div className={clsx("col col--4")}>
       <div className="card margin--md" style={{
         height: "100%",
-        backgroundColor: "rgba(255, 255, 255, 0.9)",
+        backgroundColor: "var(--ifm-card-background-color)",
         backdropFilter: "blur(10px)",
         borderRadius: "12px",
+        color: "var(--ifm-font-color-base)",
       }}>
         <div className="card__body text--center padding--md">
-          <Heading as="h3">{title}</Heading>
+          <Heading as="h3" style={{
+            color: "var(--ifm-heading-color)"
+          }}>{title}</Heading>
           <p>{description}</p>
         </div>
       </div>