feat(docs): 🎸 兼容深色模式

.dumi/global.less

@@ -99,6 +99,10 @@ body {
   padding: 0 !important;
   background-color: #eceef1;
 
+  @{dark-selector} & {
+    background-color: #1b1b1b;
+  }
+
   // &::-webkit-scrollbar {
   //   width: 0px;
   // }
@@ -107,4 +111,4 @@ body {
 .home-expo {
   max-width: 1000px;
   margin: 0 auto;
-}
+}

.dumi/theme/layouts/GlobalLayout.tsx

@@ -0,0 +1,19 @@
+import { Provider, Theme } from '@fruits-chain/react-native-xiaoshu'
+import { useOutlet, usePrefersColor } from 'dumi'
+import React from 'react'
+
+const GlobalLayout: React.FC<React.PropsWithChildren> = ({ children }) => {
+  const outlet = useOutlet()
+  // color 为当前应用的主题色，dark or light
+  const [color] = usePrefersColor()
+
+  console.log('isDark => ', color)
+
+  return (
+    <Provider theme={color === 'dark' ? Theme.dark : undefined}>
+      {outlet}
+    </Provider>
+  )
+}
+
+export default GlobalLayout