Skip to content

Commit 08856d9

Browse files
authored
Update docusaurus.config.js (#618)
Summary This PR introduces automatic theme switching in Roo Code Docs, allowing the application to detect and apply the user's system color scheme preference (light or dark mode). This enhancement ensures a seamless and personalized user experience by aligning the documentation theme with the user's device settings. Changes Detects system color scheme preference using the prefers-color-scheme media query. Automatically applies the light or dark theme based on the user's system settings. Maintains existing manual theme selection as an override Motivation Many users prefer their apps and websites to match their device's appearance settings. By enabling automatic theme switching, we improve accessibility and user satisfaction without requiring manual configuration.
1 parent c04af01 commit 08856d9

File tree

1 file changed

+5
-0
lines changed

1 file changed

+5
-0
lines changed

packages/website/docusaurus.config.js

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -36,6 +36,11 @@ module.exports = {
3636
// Optional: path for search page that enabled by default (`false` to disable it)
3737
searchPagePath: "search",
3838
},
39+
colorMode: {
40+
defaultMode: 'light',
41+
disableSwitch: false,
42+
respectPrefersColorScheme: true,
43+
},
3944
image: "img/ladle-baseweb.png",
4045
navbar: {
4146
title: "Ladle",

0 commit comments

Comments
 (0)