bonus: consistency with the components card background

danilo-leal · Nov 30, 2023 · 9295b4c · 9295b4c
1 parent b382599
commit 9295b4c
Showing 1 changed file with 2 additions and 8 deletions.
diff --git a/docs/src/modules/components/BaseUIComponents.js b/docs/src/modules/components/BaseUIComponents.js
@@ -159,18 +159,12 @@ export default function BaseUIComponents() {
               image={component.srcLight}
               sx={(theme) => ({
                 aspectRatio: '16 / 9',
-                background: `linear-gradient(180deg, ${alpha(
-                  theme.palette.grey[50],
-                  0.5,
-                )} 20%, #FFF 100%)`,
+                background: `${(theme.vars || theme).palette.gradients.linearSubtle}`,
                 borderBottom: '1px solid',
                 borderColor: 'divider',
                 ...theme.applyDarkStyles({
                   content: `url(${component.srcDark})`,
-                  background: `linear-gradient(180deg, ${alpha(
-                    theme.palette.primaryDark[800],
-                    0.5,
-                  )} 20%, ${theme.palette.primaryDark[900]} 100%)`,
+                  background: `${(theme.vars || theme).palette.gradients.linearSubtle}`,
                   borderColor: 'divider',
                 }),
               })}