[material-ui][docs] Dark scroll bars in templates (#43483)

aarongarciah · web-flow · commit 9cdc6afa12f0 · 2024-08-27T21:43:20.000Z
diff --git a/docs/data/material/getting-started/templates/blog/Blog.js b/docs/data/material/getting-started/templates/blog/Blog.js
@@ -48,7 +48,7 @@ export default function Blog() {
       toggleColorMode={toggleColorMode}
     >
       <ThemeProvider theme={showCustomTheme ? blogTheme : defaultTheme}>
-        <CssBaseline />
+        <CssBaseline enableColorScheme />
         <AppAppBar />
         <Container
           maxWidth="lg"
diff --git a/docs/data/material/getting-started/templates/blog/Blog.tsx b/docs/data/material/getting-started/templates/blog/Blog.tsx
@@ -48,7 +48,7 @@ export default function Blog() {
       toggleColorMode={toggleColorMode}
     >
       <ThemeProvider theme={showCustomTheme ? blogTheme : defaultTheme}>
-        <CssBaseline />
+        <CssBaseline enableColorScheme />
 
         <AppAppBar />
         <Container
diff --git a/docs/data/material/getting-started/templates/checkout/Checkout.js b/docs/data/material/getting-started/templates/checkout/Checkout.js
@@ -78,7 +78,7 @@ export default function Checkout() {
       toggleColorMode={toggleColorMode}
     >
       <ThemeProvider theme={showCustomTheme ? checkoutTheme : defaultTheme}>
-        <CssBaseline />
+        <CssBaseline enableColorScheme />
         <Grid container sx={{ height: { xs: '100%', sm: '100dvh' } }}>
           <Grid
             size={{ xs: 12, sm: 5, lg: 4 }}
diff --git a/docs/data/material/getting-started/templates/checkout/Checkout.tsx b/docs/data/material/getting-started/templates/checkout/Checkout.tsx
@@ -78,7 +78,7 @@ export default function Checkout() {
       toggleColorMode={toggleColorMode}
     >
       <ThemeProvider theme={showCustomTheme ? checkoutTheme : defaultTheme}>
-        <CssBaseline />
+        <CssBaseline enableColorScheme />
 
         <Grid container sx={{ height: { xs: '100%', sm: '100dvh' } }}>
           <Grid
diff --git a/docs/data/material/getting-started/templates/dashboard/Dashboard.js b/docs/data/material/getting-started/templates/dashboard/Dashboard.js
@@ -48,7 +48,7 @@ export default function Dashboard() {
       toggleColorMode={toggleColorMode}
     >
       <ThemeProvider theme={showCustomTheme ? dashboardTheme : defaultTheme}>
-        <CssBaseline />
+        <CssBaseline enableColorScheme />
         <Box sx={{ display: 'flex' }}>
           <SideMenu />
           <AppNavbar />
diff --git a/docs/data/material/getting-started/templates/dashboard/Dashboard.tsx b/docs/data/material/getting-started/templates/dashboard/Dashboard.tsx
@@ -53,7 +53,7 @@ export default function Dashboard() {
       toggleColorMode={toggleColorMode}
     >
       <ThemeProvider theme={showCustomTheme ? dashboardTheme : defaultTheme}>
-        <CssBaseline />
+        <CssBaseline enableColorScheme />
         <Box sx={{ display: 'flex' }}>
           <SideMenu />
           <AppNavbar />
diff --git a/docs/data/material/getting-started/templates/marketing-page/MarketingPage.js b/docs/data/material/getting-started/templates/marketing-page/MarketingPage.js
@@ -53,7 +53,7 @@ export default function MarketingPage() {
       toggleColorMode={toggleColorMode}
     >
       <ThemeProvider theme={showCustomTheme ? MPTheme : defaultTheme}>
-        <CssBaseline />
+        <CssBaseline enableColorScheme />
         <AppAppBar />
         <Hero />
         <div>
diff --git a/docs/data/material/getting-started/templates/marketing-page/MarketingPage.tsx b/docs/data/material/getting-started/templates/marketing-page/MarketingPage.tsx
@@ -53,7 +53,7 @@ export default function MarketingPage() {
       toggleColorMode={toggleColorMode}
     >
       <ThemeProvider theme={showCustomTheme ? MPTheme : defaultTheme}>
-        <CssBaseline />
+        <CssBaseline enableColorScheme />
 
         <AppAppBar />
         <Hero />
diff --git a/docs/data/material/getting-started/templates/sign-in-side/SignInSide.js b/docs/data/material/getting-started/templates/sign-in-side/SignInSide.js
@@ -45,7 +45,7 @@ export default function SignInSide() {
       toggleColorMode={toggleColorMode}
     >
       <ThemeProvider theme={showCustomTheme ? SignInSideTheme : defaultTheme}>
-        <CssBaseline />
+        <CssBaseline enableColorScheme />
         <Stack
           direction="column"
           component="main"
diff --git a/docs/data/material/getting-started/templates/sign-in-side/SignInSide.tsx b/docs/data/material/getting-started/templates/sign-in-side/SignInSide.tsx
@@ -45,7 +45,7 @@ export default function SignInSide() {
       toggleColorMode={toggleColorMode}
     >
       <ThemeProvider theme={showCustomTheme ? SignInSideTheme : defaultTheme}>
-        <CssBaseline />
+        <CssBaseline enableColorScheme />
         <Stack
           direction="column"
           component="main"
diff --git a/docs/data/material/getting-started/templates/sign-in/SignIn.js b/docs/data/material/getting-started/templates/sign-in/SignIn.js
@@ -137,7 +137,7 @@ export default function SignIn() {
       toggleColorMode={toggleColorMode}
     >
       <ThemeProvider theme={showCustomTheme ? SignInTheme : defaultTheme}>
-        <CssBaseline />
+        <CssBaseline enableColorScheme />
         <SignInContainer direction="column" justifyContent="space-between">
           <Card variant="outlined">
             <SitemarkIcon />
diff --git a/docs/data/material/getting-started/templates/sign-in/SignIn.tsx b/docs/data/material/getting-started/templates/sign-in/SignIn.tsx
@@ -142,7 +142,7 @@ export default function SignIn() {
       toggleColorMode={toggleColorMode}
     >
       <ThemeProvider theme={showCustomTheme ? SignInTheme : defaultTheme}>
-        <CssBaseline />
+        <CssBaseline enableColorScheme />
         <SignInContainer direction="column" justifyContent="space-between">
           <Card variant="outlined">
             <SitemarkIcon />
diff --git a/docs/data/material/getting-started/templates/sign-up/SignUp.js b/docs/data/material/getting-started/templates/sign-up/SignUp.js
@@ -140,7 +140,7 @@ export default function SignUp() {
       toggleColorMode={toggleColorMode}
     >
       <ThemeProvider theme={showCustomTheme ? SignUpTheme : defaultTheme}>
-        <CssBaseline />
+        <CssBaseline enableColorScheme />
         <SignUpContainer direction="column" justifyContent="space-between">
           <Stack
             sx={{
diff --git a/docs/data/material/getting-started/templates/sign-up/SignUp.tsx b/docs/data/material/getting-started/templates/sign-up/SignUp.tsx
@@ -145,7 +145,7 @@ export default function SignUp() {
       toggleColorMode={toggleColorMode}
     >
       <ThemeProvider theme={showCustomTheme ? SignUpTheme : defaultTheme}>
-        <CssBaseline />
+        <CssBaseline enableColorScheme />
 
         <SignUpContainer direction="column" justifyContent="space-between">
           <Stack

Original file line number	Diff line number	Diff line change
`@@ -48,7 +48,7 @@ export default function Blog() {`
`48`	`48`	`toggleColorMode={toggleColorMode}`
`49`	`49`	`>`
`50`	`50`	`<ThemeProvider theme={showCustomTheme ? blogTheme : defaultTheme}>`
`51`		`- <CssBaseline />`
	`51`	`+ <CssBaseline enableColorScheme />`
`52`	`52`	`<AppAppBar />`
`53`	`53`	`<Container`
`54`	`54`	`maxWidth="lg"`
Original file line number	Diff line number	Diff line change
`@@ -78,7 +78,7 @@ export default function Checkout() {`
`78`	`78`	`toggleColorMode={toggleColorMode}`
`79`	`79`	`>`
`80`	`80`	`<ThemeProvider theme={showCustomTheme ? checkoutTheme : defaultTheme}>`
`81`		`- <CssBaseline />`
	`81`	`+ <CssBaseline enableColorScheme />`
`82`	`82`	`<Grid container sx={{ height: { xs: '100%', sm: '100dvh' } }}>`
`83`	`83`	`<Grid`
`84`	`84`	`size={{ xs: 12, sm: 5, lg: 4 }}`
Original file line number	Diff line number	Diff line change
`@@ -53,7 +53,7 @@ export default function Dashboard() {`
`53`	`53`	`toggleColorMode={toggleColorMode}`
`54`	`54`	`>`
`55`	`55`	`<ThemeProvider theme={showCustomTheme ? dashboardTheme : defaultTheme}>`
`56`		`- <CssBaseline />`
	`56`	`+ <CssBaseline enableColorScheme />`
`57`	`57`	`<Box sx={{ display: 'flex' }}>`
`58`	`58`	`<SideMenu />`
`59`	`59`	`<AppNavbar />`
Original file line number	Diff line number	Diff line change
`@@ -45,7 +45,7 @@ export default function SignInSide() {`
`45`	`45`	`toggleColorMode={toggleColorMode}`
`46`	`46`	`>`
`47`	`47`	`<ThemeProvider theme={showCustomTheme ? SignInSideTheme : defaultTheme}>`
`48`		`- <CssBaseline />`
	`48`	`+ <CssBaseline enableColorScheme />`
`49`	`49`	`<Stack`
`50`	`50`	`direction="column"`
`51`	`51`	`component="main"`