From b3f98fbc856017f535267e7addd1f443ae65599f Mon Sep 17 00:00:00 2001
From: Zeeshan Tamboli <zeeshan.tamboli@gmail.com>
Date: Mon, 22 Aug 2022 12:02:42 +0530
Subject: [PATCH] [TimelineConnector] Add support for CSS variables (#34002)

add support for css variables in TimelineConnector component
---
 packages/mui-lab/src/TimelineConnector/TimelineConnector.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/mui-lab/src/TimelineConnector/TimelineConnector.js b/packages/mui-lab/src/TimelineConnector/TimelineConnector.js
index c0363f08e2f393..6fa85a3a63c3e6 100644
--- a/packages/mui-lab/src/TimelineConnector/TimelineConnector.js
+++ b/packages/mui-lab/src/TimelineConnector/TimelineConnector.js
@@ -22,7 +22,7 @@ const TimelineConnectorRoot = styled('span', {
 })(({ theme }) => {
   return {
     width: 2,
-    backgroundColor: theme.palette.grey[400],
+    backgroundColor: (theme.vars || theme).palette.grey[400],
     flexGrow: 1,
   };
 });