diff --git a/packages/logos-docusaurus-theme/src/client/theme/Root.tsx b/packages/logos-docusaurus-theme/src/client/theme/Root.tsx
index 5133449..1f9a8b6 100644
--- a/packages/logos-docusaurus-theme/src/client/theme/Root.tsx
+++ b/packages/logos-docusaurus-theme/src/client/theme/Root.tsx
@@ -1,23 +1,33 @@
 import { defaultThemes, ThemeProvider } from '@acid-info/lsd-react'
+import { useActivePlugin } from '@docusaurus/plugin-content-docs/lib/client/index.js'
 import {
   ColorModeProvider,
   useColorMode,
 } from '@docusaurus/theme-common/internal'
 import React from 'react'
+import { darkTheme, lightTheme } from '../lib/themes'
 import { useDocThemeOptions } from '../lib/useThemeOptions'
 import styles from './style.module.css'
-import { lightTheme, darkTheme } from '../lib/themes'
+
+const docThemes = {
+  light: lightTheme,
+  dark: darkTheme,
+}
+
+const useTheme = () => {
+  const colorMode = useColorMode()
+  const activePlugin = useActivePlugin()
+
+  return (activePlugin ? docThemes : defaultThemes)[colorMode.colorMode]
+}
 
 const Content = ({ children }) => {
-  const colorMode = useColorMode()
-
+  const theme = useTheme()
   const options = useDocThemeOptions()
   const hideDocSidebar = options?.sidebar?.hide
 
   return (
-    <ThemeProvider
-      theme={colorMode.colorMode === 'dark' ? darkTheme : lightTheme}
-    >
+    <ThemeProvider theme={theme}>
       <div className={styles.root} data-hidden-doc-sidebar={hideDocSidebar}>
         {children}
       </div>