feat: improve theme-toggles demos

shuriken-ui · Dec 10, 2023 · 9632c49 · 9632c49
1 parent a764d68
commit 9632c49
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/plugins/components/theme-switch/theme-switch.doc.mdx b/src/plugins/components/theme-switch/theme-switch.doc.mdx
@@ -22,7 +22,7 @@ The theme switch is a control that lets you toggle between light and dark mode.
 
 Theme switches can be inverted to be more visible on dark backgrounds.
 
-<div className="bg-slate-100 dark:bg-slate-900 p-6 rounded-sm">
+<div className="border border-muted-200 dark:border-muted-800 bg-white dark:bg-slate-900 p-6 rounded-sm">
   <div className="grid grid-cols-1 md:grid-cols-2 gap-6 w-full max-w-xs">
     <div>
       <Story of={ThemeSwitchStories.InvertedFalse} />

diff --git a/src/plugins/components/theme-toggle/theme-toggle.doc.mdx b/src/plugins/components/theme-toggle/theme-toggle.doc.mdx
@@ -22,7 +22,7 @@ The theme toggle is a control that lets you switch between light and dark mode.
 
 Theme toggles can be inverted to be more visible on dark backgrounds.
 
-<div className="bg-slate-100 dark:bg-slate-900 p-6 rounded-sm">
+<div className="border border-muted-200 dark:border-muted-800 bg-white dark:bg-slate-900 p-6 rounded-sm">
   <div className="grid grid-cols-1 md:grid-cols-2 gap-6 w-full max-w-xs">
     <div>
       <Story of={ThemeToggleStories.InvertedFalse} />