diff --git a/app/home/featured-sdk/FeaturedSDKs.tsx b/app/home/featured-sdk/FeaturedSDKs.tsx
index cb9c2e4..d5cd440 100644
--- a/app/home/featured-sdk/FeaturedSDKs.tsx
+++ b/app/home/featured-sdk/FeaturedSDKs.tsx
@@ -1,3 +1,4 @@
+import clsx from "clsx";
 import { ArrowUpRightIcon } from "lucide-react";
 import Image, { StaticImageData } from "next/image";
 
@@ -5,19 +6,33 @@ import { Button } from "@/components/Button";
 import { Container } from "@/components/Container";
 import { H2 } from "@/components/H2";
 
-import cypress from "./logos/cypress.png";
-import nextjs from "./logos/next-js.png";
-import playwright from "./logos/playwright.png";
-import remix from "./logos/remix.png";
-import storybook from "./logos/storybook.png";
-import webdriverio from "./logos/webdriverio.png";
+import cypressDark from "./logos/dark/cypress.png";
+import nextjsDark from "./logos/dark/next-js.png";
+import playwrightDark from "./logos/dark/playwright.png";
+import reactRouterDark from "./logos/dark/react-router.png";
+import storybookDark from "./logos/dark/storybook.png";
+import webdriverioDark from "./logos/dark/webdriverio.png";
+import cypressLight from "./logos/light/cypress.png";
+import nextjsLight from "./logos/light/next-js.png";
+import playwrightLight from "./logos/light/playwright.png";
+import reactRouterLight from "./logos/light/react-router.png";
+import storybookLight from "./logos/light/storybook.png";
+import webdriverioLight from "./logos/light/webdriverio.png";
 
 function SdkCard(props: {
   href: string;
-  imgSrc: StaticImageData;
+  lightImgSrc: StaticImageData;
+  darkImgSrc: StaticImageData;
   title: string;
   description: React.ReactNode;
 }) {
+  const imgProps = {
+    alt: props.title,
+    width: 140,
+    height: 140,
+    className:
+      "mb-5 size-12 origin-top-left transition duration-300 group-hover:scale-125",
+  };
   return (
     <a
       href={props.href}
@@ -25,11 +40,14 @@ function SdkCard(props: {
       className="group flex flex-1 flex-col items-start rounded border p-4 transition duration-300 hover:border-violet-8 hover:bg-primary-subtle"
     >
       <Image
-        src={props.imgSrc}
-        alt={props.title}
-        width={48}
-        height={48}
-        className="mb-8 origin-top-left transition duration-300 group-hover:scale-125"
+        {...imgProps}
+        src={props.lightImgSrc}
+        className={clsx(imgProps.className, "dark:hidden")}
+      />
+      <Image
+        {...imgProps}
+        src={props.darkImgSrc}
+        className={clsx(imgProps.className, "hidden dark:block")}
       />
       <h3 className="mb-1 flex items-center gap-1 text-xl font-semibold">
         {props.title}
@@ -52,7 +70,8 @@ export function FeaturedSDKs() {
         <div className="grid gap-8 md:grid-cols-2 lg:grid-cols-3">
           <SdkCard
             href="/docs/quickstart/playwright"
-            imgSrc={playwright}
+            lightImgSrc={playwrightLight}
+            darkImgSrc={playwrightDark}
             title="Playwright"
             description={
               <>
@@ -63,7 +82,8 @@ export function FeaturedSDKs() {
           />
           <SdkCard
             href="/docs/quickstart/cypress"
-            imgSrc={cypress}
+            lightImgSrc={cypressLight}
+            darkImgSrc={cypressDark}
             title="Cypress"
             description={
               <>
@@ -74,7 +94,8 @@ export function FeaturedSDKs() {
           />
           <SdkCard
             href="/docs/quickstart/webdriverio"
-            imgSrc={webdriverio}
+            lightImgSrc={webdriverioLight}
+            darkImgSrc={webdriverioDark}
             title="WebdriverIO"
             description={
               <>
@@ -85,7 +106,8 @@ export function FeaturedSDKs() {
           />
           <SdkCard
             href="/docs/quickstart/storybook"
-            imgSrc={storybook}
+            lightImgSrc={storybookLight}
+            darkImgSrc={storybookDark}
             title="Storybook"
             description={
               <>
@@ -96,7 +118,8 @@ export function FeaturedSDKs() {
           />
           <SdkCard
             href="/docs/quickstart/next-js"
-            imgSrc={nextjs}
+            lightImgSrc={nextjsLight}
+            darkImgSrc={nextjsDark}
             title="Next.js"
             description={
               <>
@@ -107,12 +130,13 @@ export function FeaturedSDKs() {
           />
           <SdkCard
             href="/docs/quickstart/remix"
-            imgSrc={remix}
-            title="Remix"
+            lightImgSrc={reactRouterLight}
+            darkImgSrc={reactRouterDark}
+            title="React Router (Remix)"
             description={
               <>
-                Pair Argos with Remix for robust visual testing, ensuring UI
-                consistency in your full-stack React applications.
+                Pair Argos with React Router for robust visual testing, ensuring
+                UI consistency in your full-stack React applications.
               </>
             }
           />
diff --git a/app/home/featured-sdk/logos/cypress.png b/app/home/featured-sdk/logos/cypress.png
deleted file mode 100644
index 90f2064..0000000
Binary files a/app/home/featured-sdk/logos/cypress.png and /dev/null differ
diff --git a/app/home/featured-sdk/logos/dark/cypress.png b/app/home/featured-sdk/logos/dark/cypress.png
new file mode 100644
index 0000000..656fea2
Binary files /dev/null and b/app/home/featured-sdk/logos/dark/cypress.png differ
diff --git a/app/home/featured-sdk/logos/dark/next-js.png b/app/home/featured-sdk/logos/dark/next-js.png
new file mode 100644
index 0000000..1338ab1
Binary files /dev/null and b/app/home/featured-sdk/logos/dark/next-js.png differ
diff --git a/app/home/featured-sdk/logos/dark/playwright.png b/app/home/featured-sdk/logos/dark/playwright.png
new file mode 100644
index 0000000..1617ab9
Binary files /dev/null and b/app/home/featured-sdk/logos/dark/playwright.png differ
diff --git a/app/home/featured-sdk/logos/dark/react-router.png b/app/home/featured-sdk/logos/dark/react-router.png
new file mode 100644
index 0000000..af744ee
Binary files /dev/null and b/app/home/featured-sdk/logos/dark/react-router.png differ
diff --git a/app/home/featured-sdk/logos/dark/storybook.png b/app/home/featured-sdk/logos/dark/storybook.png
new file mode 100644
index 0000000..a1fda92
Binary files /dev/null and b/app/home/featured-sdk/logos/dark/storybook.png differ
diff --git a/app/home/featured-sdk/logos/dark/webdriverio.png b/app/home/featured-sdk/logos/dark/webdriverio.png
new file mode 100644
index 0000000..74b55e9
Binary files /dev/null and b/app/home/featured-sdk/logos/dark/webdriverio.png differ
diff --git a/app/home/featured-sdk/logos/light/cypress.png b/app/home/featured-sdk/logos/light/cypress.png
new file mode 100644
index 0000000..656fea2
Binary files /dev/null and b/app/home/featured-sdk/logos/light/cypress.png differ
diff --git a/app/home/featured-sdk/logos/light/next-js.png b/app/home/featured-sdk/logos/light/next-js.png
new file mode 100644
index 0000000..9e01cae
Binary files /dev/null and b/app/home/featured-sdk/logos/light/next-js.png differ
diff --git a/app/home/featured-sdk/logos/light/playwright.png b/app/home/featured-sdk/logos/light/playwright.png
new file mode 100644
index 0000000..5bf5412
Binary files /dev/null and b/app/home/featured-sdk/logos/light/playwright.png differ
diff --git a/app/home/featured-sdk/logos/light/react-router.png b/app/home/featured-sdk/logos/light/react-router.png
new file mode 100644
index 0000000..5bc4825
Binary files /dev/null and b/app/home/featured-sdk/logos/light/react-router.png differ
diff --git a/app/home/featured-sdk/logos/light/storybook.png b/app/home/featured-sdk/logos/light/storybook.png
new file mode 100644
index 0000000..a1fda92
Binary files /dev/null and b/app/home/featured-sdk/logos/light/storybook.png differ
diff --git a/app/home/featured-sdk/logos/light/webdriverio.png b/app/home/featured-sdk/logos/light/webdriverio.png
new file mode 100644
index 0000000..3cd6aca
Binary files /dev/null and b/app/home/featured-sdk/logos/light/webdriverio.png differ
diff --git a/app/home/featured-sdk/logos/next-js.png b/app/home/featured-sdk/logos/next-js.png
deleted file mode 100644
index 85248f8..0000000
Binary files a/app/home/featured-sdk/logos/next-js.png and /dev/null differ
diff --git a/app/home/featured-sdk/logos/playwright.png b/app/home/featured-sdk/logos/playwright.png
deleted file mode 100644
index 875f1cc..0000000
Binary files a/app/home/featured-sdk/logos/playwright.png and /dev/null differ
diff --git a/app/home/featured-sdk/logos/puppeteer.png b/app/home/featured-sdk/logos/puppeteer.png
deleted file mode 100644
index 01d17f6..0000000
Binary files a/app/home/featured-sdk/logos/puppeteer.png and /dev/null differ
diff --git a/app/home/featured-sdk/logos/remix.png b/app/home/featured-sdk/logos/remix.png
deleted file mode 100644
index 58f5437..0000000
Binary files a/app/home/featured-sdk/logos/remix.png and /dev/null differ
diff --git a/app/home/featured-sdk/logos/storybook.png b/app/home/featured-sdk/logos/storybook.png
deleted file mode 100644
index ce3344f..0000000
Binary files a/app/home/featured-sdk/logos/storybook.png and /dev/null differ
diff --git a/app/home/featured-sdk/logos/webdriverio.png b/app/home/featured-sdk/logos/webdriverio.png
deleted file mode 100644
index 0bb8892..0000000
Binary files a/app/home/featured-sdk/logos/webdriverio.png and /dev/null differ