logo 2

Author: mdjastrzebski

website/docs/12.x/index.md

@@ -2,10 +2,10 @@
 pageType: home
 
 hero:
-  name: 'React Native Testing Library'
   image:
-    src: /img/logo-light.svg
-    dark: /img/logo-dark.svg
+    src:
+      light: /img/logo-light.svg
+      dark: /img/logo-dark.svg
   tagline: Helps you to write better tests with less effort.
   actions:
     - theme: brand

website/docs/13.x/index.md

@@ -2,10 +2,10 @@
 pageType: home
 
 hero:
-  name: 'React Native Testing Library'
   image:
-    src: /img/logo-light.svg
-    dark: /img/logo-dark.svg
+    src:
+      light: /img/logo-light.svg
+      dark: /img/logo-dark.svg
   tagline: Helps you to write better tests with less effort.
   actions:
     - theme: brand

website/docs/14.x/index.md

@@ -2,10 +2,10 @@
 pageType: home
 
 hero:
-  name: 'React Native Testing Library'
   image:
-    src: /img/logo-light.svg
-    dark: /img/logo-dark.svg
+    src:
+      light: /img/logo-light.svg
+      dark: /img/logo-dark.svg
   tagline: Helps you to write better tests with less effort.
   actions:
     - theme: brand

website/docs/styles/index.css

@@ -288,13 +288,31 @@ p.rspress-home-hero-text {
 }
 
 /* Hero Image (Logo) Sizing */
-[class*='heroImage-'] {
+[class*='heroImage-'],
+.rp-home-hero__image-img {
   height: 24px !important;
   width: auto !important;
   margin-left: 0 !important;
   margin-right: auto !important;
 }
 
+/* Hero Image Dark/Light Mode */
+.rp-home-hero__image-img--dark {
+  display: none;
+}
+
+.rp-home-hero__image-img--light {
+  display: block;
+}
+
+.dark .rp-home-hero__image-img--dark {
+  display: block;
+}
+
+.dark .rp-home-hero__image-img--light {
+  display: none;
+}
+
 /* Feature Card Icons (Emojis) Sizing */
 [class*='featureIcon-'] {
   font-size: 1.5rem !important;