diff --git a/packages/docs-ui/src/providers/ColorMode/index.tsx b/packages/docs-ui/src/providers/ColorMode/index.tsx
index 8b86cf2ec..bffa42c3d 100644
--- a/packages/docs-ui/src/providers/ColorMode/index.tsx
+++ b/packages/docs-ui/src/providers/ColorMode/index.tsx
@@ -28,7 +28,10 @@ export const ColorModeProvider = ({ children }: ColorModeProviderProps) => {
       return;
     }
 
-    const theme = localStorage.getItem('theme');
+    const urlTheme = new URLSearchParams(window.location.search).get(
+      'docusaurus-theme'
+    );
+    const theme = urlTheme ?? localStorage.getItem('theme');
     if (theme && (theme === 'light' || theme === 'dark')) {
       setColorMode(theme);
     } else {