From 82c1ede01225a2c4dd0e2d768ff82003cca721e7 Mon Sep 17 00:00:00 2001
From: Kasim Safi <kasimthecoder@gmail.com>
Date: Wed, 8 Apr 2026 12:22:19 +0530
Subject: [PATCH 1/4] docs: fix Cloudflare logo not updating with theme toggle

---
 docs/start/framework/react/guide/hosting.md | 36 ++++++++++++++------
 docs/start/framework/solid/guide/hosting.md | 37 +++++++++++++++------
 2 files changed, 51 insertions(+), 22 deletions(-)

diff --git a/docs/start/framework/react/guide/hosting.md b/docs/start/framework/react/guide/hosting.md
index 26e2e0db663..c35f106f91f 100644
--- a/docs/start/framework/react/guide/hosting.md
+++ b/docs/start/framework/react/guide/hosting.md
@@ -27,12 +27,19 @@ Once you've chosen a deployment target, you can follow the deployment guidelines
 
 ### Cloudflare Workers ⭐ _Official Partner_
 
-<a href="https://www.cloudflare.com?utm_source=tanstack" alt="Cloudflare Logo">
-  <picture>
-    <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/tanstack/tanstack.com/main/src/images/cloudflare-white.svg" width="280">
-    <source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/tanstack/tanstack.com/main/src/images/cloudflare-black.svg" width="280">
-    <img alt="Cloudflare logo" src="https://raw.githubusercontent.com/tanstack/tanstack.com/main/src/images/cloudflare-black.svg" width="280">
-  </picture>
+<a href="https://www.cloudflare.com?utm_source=tanstack">
+  <img 
+    src="https://raw.githubusercontent.com/tanstack/tanstack.com/main/src/images/cloudflare-black.svg"
+    class="block dark:hidden"
+    width="280"
+    alt="Cloudflare logo"
+  />
+  <img 
+    src="https://raw.githubusercontent.com/tanstack/tanstack.com/main/src/images/cloudflare-white.svg"
+    class="hidden dark:block"
+    width="280"
+    alt="Cloudflare logo"
+  />
 </a>
 
 When deploying to Cloudflare Workers, you'll need to complete a few extra steps before your users can start using your app.
@@ -117,11 +124,18 @@ A full TanStack Start example for Cloudflare Workers is available [here](https:/
 ### Netlify ⭐ _Official Partner_
 
 <a href="https://www.netlify.com?utm_source=tanstack" alt="Netlify Logo">
-  <picture>
-    <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/tanstack/tanstack.com/main/src/images/netlify-dark.svg" width="280">
-    <source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/tanstack/tanstack.com/main/src/images/netlify-light.svg" width="280">
-    <img alt="Netlify logo" src="https://raw.githubusercontent.com/tanstack/tanstack.com/main/src/images/netlify-light.svg" width="280">
-  </picture>
+  <img
+    class="block dark:hidden"
+    src="https://raw.githubusercontent.com/tanstack/tanstack.com/main/src/images/netlify-light.svg"
+    width="280"
+    alt="Netlify Logo"
+  />
+  <img
+    class="hidden dark:block"
+    src="https://raw.githubusercontent.com/tanstack/tanstack.com/main/src/images/netlify-dark.svg"
+    width="280"
+    alt="Netlify Logo"
+  />
 </a>
 
 Install and add the [`@netlify/vite-plugin-tanstack-start`](https://www.npmjs.com/package/@netlify/vite-plugin-tanstack-start) plugin, which configures your build for Netlify deployment and provides full Netlify production platform emulation in local dev:
diff --git a/docs/start/framework/solid/guide/hosting.md b/docs/start/framework/solid/guide/hosting.md
index 8c7fcd6068b..f5f8f6dea42 100644
--- a/docs/start/framework/solid/guide/hosting.md
+++ b/docs/start/framework/solid/guide/hosting.md
@@ -27,17 +27,25 @@ Once you've chosen a deployment target, you can follow the deployment guidelines
 
 ### Cloudflare Workers ⭐ _Official Partner_
 
-<a href="https://www.cloudflare.com?utm_source=tanstack" alt="Cloudflare Logo">
-  <picture>
-    <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/tanstack/tanstack.com/main/src/images/cloudflare-white.svg" width="280">
-    <source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/tanstack/tanstack.com/main/src/images/cloudflare-black.svg" width="280">
-    <img alt="Cloudflare logo" src="https://raw.githubusercontent.com/tanstack/tanstack.com/main/src/images/cloudflare-black.svg" width="280">
-  </picture>
+<a href="https://www.cloudflare.com?utm_source=tanstack">
+  <img 
+    src="https://raw.githubusercontent.com/tanstack/tanstack.com/main/src/images/cloudflare-black.svg"
+    class="block dark:hidden"
+    width="280"
+    alt="Cloudflare logo"
+  />
+  <img 
+    src="https://raw.githubusercontent.com/tanstack/tanstack.com/main/src/images/cloudflare-white.svg"
+    class="hidden dark:block"
+    width="280"
+    alt="Cloudflare logo"
+  />
 </a>
 
 ### Cloudflare Workers
 
 When deploying to Cloudflare Workers, you'll need to complete a few extra steps before your users can start using your app.
+testing updats
 
 1. Install `@cloudflare/vite-plugin`
 
@@ -111,11 +119,18 @@ Deploy your application to Cloudflare Workers using their one-click deployment p
 ### Netlify ⭐ _Official Partner_
 
 <a href="https://www.netlify.com?utm_source=tanstack" alt="Netlify Logo">
-  <picture>
-    <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/tanstack/tanstack.com/main/src/images/netlify-dark.svg" width="280">
-    <source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/tanstack/tanstack.com/main/src/images/netlify-light.svg" width="280">
-    <img alt="Netlify logo" src="https://raw.githubusercontent.com/tanstack/tanstack.com/main/src/images/netlify-light.svg" width="280">
-  </picture>
+  <img
+    class="block dark:hidden"
+    src="https://raw.githubusercontent.com/tanstack/tanstack.com/main/src/images/netlify-light.svg"
+    width="280"
+    alt="Netlify Logo"
+  />
+  <img
+    class="hidden dark:block"
+    src="https://raw.githubusercontent.com/tanstack/tanstack.com/main/src/images/netlify-dark.svg"
+    width="280"
+    alt="Netlify Logo"
+  />
 </a>
 
 Install and add the [`@netlify/vite-plugin-tanstack-start`](https://www.npmjs.com/package/@netlify/vite-plugin-tanstack-start) plugin, which configures your build for Netlify deployment and provides full Netlify production platform emulation in local dev:

From 89e4ba6193ee38dea96a379a2c2361baf6dd2d41 Mon Sep 17 00:00:00 2001
From: Kasim Safi <kasimthecoder@gmail.com>
Date: Wed, 8 Apr 2026 20:39:53 +0530
Subject: [PATCH 2/4] docs: remove invalid alt attribute from anchor tag

---
 docs/start/framework/react/guide/hosting.md | 19 ++++++++++++-------
 docs/start/framework/solid/guide/hosting.md | 19 ++++++++++++-------
 2 files changed, 24 insertions(+), 14 deletions(-)

diff --git a/docs/start/framework/react/guide/hosting.md b/docs/start/framework/react/guide/hosting.md
index c35f106f91f..c295a439bec 100644
--- a/docs/start/framework/react/guide/hosting.md
+++ b/docs/start/framework/react/guide/hosting.md
@@ -123,7 +123,7 @@ A full TanStack Start example for Cloudflare Workers is available [here](https:/
 
 ### Netlify ⭐ _Official Partner_
 
-<a href="https://www.netlify.com?utm_source=tanstack" alt="Netlify Logo">
+<a href="https://www.netlify.com?utm_source=tanstack">
   <img
     class="block dark:hidden"
     src="https://raw.githubusercontent.com/tanstack/tanstack.com/main/src/images/netlify-light.svg"
@@ -202,12 +202,17 @@ tool](https://docs.netlify.com/start/quickstarts/deploy-from-ai-code-generation-
 
 ### Railway ⭐ _Official Partner_
 
-<a href="https://railway.com?utm_source=tanstack" alt="Railway Logo">
-  <picture>
-    <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/tanstack/tanstack.com/main/src/images/railway-white.svg" width="280">
-    <source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/tanstack/tanstack.com/main/src/images/railway-black.svg" width="280">
-    <img alt="Railway logo" src="https://raw.githubusercontent.com/tanstack/tanstack.com/main/src/images/railway-light.svg" width="280">
-  </picture>
+<a href="https://railway.com?utm_source=tanstack">
+  <img
+    class="https://raw.githubusercontent.com/tanstack/tanstack.com/main/src/images/railway-light.svg"
+    alt="Railway logo"
+  />
+  <img
+    class="hidden dark:block"
+    src="https://raw.githubusercontent.com/tanstack/tanstack.com/main/src/images/railway-dark.svg"
+    width="280"
+    alt="Railway logo"
+  />
 </a>
 
 Railway provides instant deployments with zero configuration. Follow the [`Nitro`](#nitro) deployment instructions, then deploy to Railway:
diff --git a/docs/start/framework/solid/guide/hosting.md b/docs/start/framework/solid/guide/hosting.md
index f5f8f6dea42..2a418e6bfa4 100644
--- a/docs/start/framework/solid/guide/hosting.md
+++ b/docs/start/framework/solid/guide/hosting.md
@@ -118,7 +118,7 @@ Deploy your application to Cloudflare Workers using their one-click deployment p
 
 ### Netlify ⭐ _Official Partner_
 
-<a href="https://www.netlify.com?utm_source=tanstack" alt="Netlify Logo">
+<a href="https://www.netlify.com?utm_source=tanstack">
   <img
     class="block dark:hidden"
     src="https://raw.githubusercontent.com/tanstack/tanstack.com/main/src/images/netlify-light.svg"
@@ -197,12 +197,17 @@ tool](https://docs.netlify.com/start/quickstarts/deploy-from-ai-code-generation-
 
 ### Railway ⭐ _Official Partner_
 
-<a href="https://railway.com?utm_source=tanstack" alt="Railway Logo">
-  <picture>
-    <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/tanstack/tanstack.com/main/src/images/railway-dark.svg" width="280">
-    <source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/tanstack/tanstack.com/main/src/images/railway-light.svg" width="280">
-    <img alt="Railway logo" src="https://raw.githubusercontent.com/tanstack/tanstack.com/main/src/images/railway-light.svg" width="280">
-  </picture>
+<a href="https://railway.com?utm_source=tanstack">
+  <img
+    class="https://raw.githubusercontent.com/tanstack/tanstack.com/main/src/images/railway-light.svg"
+    alt="Railway logo"
+  />
+  <img
+    class="hidden dark:block"
+    src="https://raw.githubusercontent.com/tanstack/tanstack.com/main/src/images/railway-dark.svg"
+    width="280"
+    alt="Railway logo"
+  />
 </a>
 
 Railway provides instant deployments with zero configuration. Follow the [`Nitro`](#nitro) deployment instructions, then deploy to Railway:

From 809a2dc3f5a3498759c6674620e5cf18af461bf2 Mon Sep 17 00:00:00 2001
From: Kasim Safi <kasimthecoder@gmail.com>
Date: Wed, 8 Apr 2026 20:45:36 +0530
Subject: [PATCH 3/4] docs: remove test content.

---
 docs/start/framework/solid/guide/hosting.md | 1 -
 1 file changed, 1 deletion(-)

diff --git a/docs/start/framework/solid/guide/hosting.md b/docs/start/framework/solid/guide/hosting.md
index 2a418e6bfa4..8518ac7cf51 100644
--- a/docs/start/framework/solid/guide/hosting.md
+++ b/docs/start/framework/solid/guide/hosting.md
@@ -45,7 +45,6 @@ Once you've chosen a deployment target, you can follow the deployment guidelines
 ### Cloudflare Workers
 
 When deploying to Cloudflare Workers, you'll need to complete a few extra steps before your users can start using your app.
-testing updats
 
 1. Install `@cloudflare/vite-plugin`
 

From 37b18dc84f93e9ca7253bfc047e21c61a0868fd1 Mon Sep 17 00:00:00 2001
From: Kasim Safi <kasimthecoder@gmail.com>
Date: Wed, 8 Apr 2026 20:51:37 +0530
Subject: [PATCH 4/4] docs: fix incorrect light logo rendering due to src
 mistakenly placed in class attribute

---
 docs/start/framework/react/guide/hosting.md | 4 +++-
 docs/start/framework/solid/guide/hosting.md | 4 +++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/docs/start/framework/react/guide/hosting.md b/docs/start/framework/react/guide/hosting.md
index c295a439bec..ed6bfc6ac4d 100644
--- a/docs/start/framework/react/guide/hosting.md
+++ b/docs/start/framework/react/guide/hosting.md
@@ -204,7 +204,9 @@ tool](https://docs.netlify.com/start/quickstarts/deploy-from-ai-code-generation-
 
 <a href="https://railway.com?utm_source=tanstack">
   <img
-    class="https://raw.githubusercontent.com/tanstack/tanstack.com/main/src/images/railway-light.svg"
+    class="block dark:hidden"
+    arc="https://raw.githubusercontent.com/tanstack/tanstack.com/main/src/images/railway-light.svg"
+    width="280"
     alt="Railway logo"
   />
   <img
diff --git a/docs/start/framework/solid/guide/hosting.md b/docs/start/framework/solid/guide/hosting.md
index 8518ac7cf51..61165213edd 100644
--- a/docs/start/framework/solid/guide/hosting.md
+++ b/docs/start/framework/solid/guide/hosting.md
@@ -198,7 +198,9 @@ tool](https://docs.netlify.com/start/quickstarts/deploy-from-ai-code-generation-
 
 <a href="https://railway.com?utm_source=tanstack">
   <img
-    class="https://raw.githubusercontent.com/tanstack/tanstack.com/main/src/images/railway-light.svg"
+    class="block dark:hidden"
+    arc="https://raw.githubusercontent.com/tanstack/tanstack.com/main/src/images/railway-light.svg"
+    width="280"
     alt="Railway logo"
   />
   <img