From f5ebb8620372cd886b98d10a437932dda7c3e3d6 Mon Sep 17 00:00:00 2001
From: Arpit <arpitnath42@gmail.com>
Date: Thu, 23 Feb 2023 12:07:35 +0530
Subject: [PATCH] Verticle sidebar color fix, Bugfix for #4829  (#5539)

* Verticle sidebar color fix, Bugfix for #4829

* Added default color to vertical divider

* Fixes dark mode

---------

Co-authored-by: Ishan Parlikar <iparlika@emich.edu>
Co-authored-by: Kavin Venkatachalam <kavin.saratha@gmail.com>
---
 frontend/src/Editor/Components/verticalDivider.jsx | 5 +++--
 frontend/src/Editor/WidgetManager/widgetConfig.js  | 2 +-
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/frontend/src/Editor/Components/verticalDivider.jsx b/frontend/src/Editor/Components/verticalDivider.jsx
index dbbe87a43d..66922be921 100644
--- a/frontend/src/Editor/Components/verticalDivider.jsx
+++ b/frontend/src/Editor/Components/verticalDivider.jsx
@@ -1,8 +1,9 @@
 import React from 'react';
 
-export const VerticalDivider = function Divider({ styles, height, width, dataCy }) {
+export const VerticalDivider = function Divider({ styles, height, width, dataCy, darkMode }) {
   const { visibility, dividerColor } = styles;
-  const color = dividerColor ?? '#E7E8EA';
+  const color =
+    dividerColor === '' || ['#000', '#000000'].includes(dividerColor) ? (darkMode ? '#fff' : '#000') : dividerColor;
 
   return (
     <div
diff --git a/frontend/src/Editor/WidgetManager/widgetConfig.js b/frontend/src/Editor/WidgetManager/widgetConfig.js
index 0a892c74a6..04fd008fc3 100644
--- a/frontend/src/Editor/WidgetManager/widgetConfig.js
+++ b/frontend/src/Editor/WidgetManager/widgetConfig.js
@@ -4414,7 +4414,7 @@ export const widgets = [
       events: [],
       styles: {
         visibility: { value: '{{true}}' },
-        dividerColor: { value: '' },
+        dividerColor: { value: '#000000' },
       },
     },
   },