From 9295b4c7fc670a928f831638a6a9ec78800b11ea Mon Sep 17 00:00:00 2001
From: Danilo Leal <67129314+danilo-leal@users.noreply.github.com>
Date: Thu, 30 Nov 2023 20:48:42 -0300
Subject: [PATCH] bonus: consistency with the components card background

---
 docs/src/modules/components/BaseUIComponents.js | 10 ++--------
 1 file changed, 2 insertions(+), 8 deletions(-)

diff --git a/docs/src/modules/components/BaseUIComponents.js b/docs/src/modules/components/BaseUIComponents.js
index 6b0679bb64fc8e..cd20c9210037fa 100644
--- 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',
                 }),
               })}