From 9a5c529a4b509fd78dc3138577981991048d8d47 Mon Sep 17 00:00:00 2001
From: ZeeshanTamboli <zeeshan.tamboli@gmail.com>
Date: Sat, 20 Aug 2022 12:00:40 +0530
Subject: [PATCH] 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,
   };
 });