From 4204ff60c4d587210e2e368188702fb2fbcfae85 Mon Sep 17 00:00:00 2001
From: Charis <26616127+charislam@users.noreply.github.com>
Date: Sat, 27 Jul 2024 01:20:04 -0400
Subject: [PATCH] fix(docs): add light/dark versions of docker screenshots
 (#28216)

---
 .../content/guides/cli/getting-started.mdx     | 18 ++++++++++++++++--
 1 file changed, 16 insertions(+), 2 deletions(-)

diff --git a/apps/docs/content/guides/cli/getting-started.mdx b/apps/docs/content/guides/cli/getting-started.mdx
index f653542e83f..7ad87f57e14 100644
--- a/apps/docs/content/guides/cli/getting-started.mdx
+++ b/apps/docs/content/guides/cli/getting-started.mdx
@@ -156,12 +156,26 @@ The Supabase CLI uses Docker containers to manage the local development stack. T
 >
 <TabPanel id="macos" label="macOS">
 
-![Docker Settings (macOS)](/docs/img/guides/cli/docker-mac.png)
+<Image
+  alt="Docker settings on Mac: Select Integrated, Virtualization Framework, and osxfs"
+  src={{
+    dark: '/docs/img/guides/cli/docker-mac.png',
+    light: '/docs/img/guides/cli/docker-mac-light.png',
+  }}
+  zoomable
+/>
 
 </TabPanel>
 <TabPanel id="windows" label="Windows">
 
-![Docker Settings (Windows)](/docs/img/guides/cli/docker-win.png)
+<Image
+  alt="Docker settings on Windows: Select Integrated, Expose Daemon, WSL2, and Add to /etc/hosts file."
+  src={{
+    dark: '/docs/img/guides/cli/docker-win.png',
+    light: '/docs/img/guides/cli/docker-win-light.png',
+  }}
+  zoomable
+/>
 
 </TabPanel>
 </Tabs>