chore: Update dark theme logos styling

docs/src/components/HomepageFeatures/index.tsx

@@ -42,10 +42,15 @@ const FeatureList: FeatureItem[] = [
 ]
 
 function Feature({ title, Svg, description }: FeatureItem) {
+  var classVar = styles.featureSvg;
+  if(Svg === require('@site/static/img/github.svg').default)
+  {
+    classVar = styles.featureSvg +" "+ styles.githubLogo;
+  }
   return (
     <div className={clsx('col col--4')}>
       <div className="text--center">
-        <Svg className={styles.featureSvg} role="img" />
+        <Svg className={classVar} role="img" />
       </div>
       <div className="text--center padding-horiz--md">
         <h3>{title}</h3>

docs/src/components/HomepageFeatures/styles.module.css

@@ -9,3 +9,7 @@
   height: 200px;
   width: 200px;
 }
+
+html[data-theme='dark'] .githubLogo {
+  fill: #fff;
+}

docs/src/components/HomepageSponsored/index.tsx

@@ -51,11 +51,16 @@ const SponsorList: SponsorItem[] = [
 ]
 
 function Feature({ title, Svg, link }: FeatureItem) {
+  var classVar = styles.featureSvg;
+  if(Svg === require('@site/static/img/Algolia-logo.svg').default)
+  {
+    classVar = styles.featureSvg +" "+ styles.AlgoliaLogo;
+  }
   return (
     <div className={clsx('col col--6')}>
       <div className="text--center">
         <a href={link} title={title} target="_blank" rel="noreferrer" aria-label={title}>
-          <Svg className={styles.featureSvg} role="img" />
+          <Svg className={classVar} role="img"/>
         </a>
       </div>
     </div>

docs/src/components/HomepageSponsored/styles.module.css

@@ -29,3 +29,7 @@
     width: 100%;
   }
 }
+
+html[data-theme='dark'] .AlgoliaLogo{
+  fill: #fff;
+}