From 50d85cb93532fbcdb11769575871c24443a19662 Mon Sep 17 00:00:00 2001
From: pranitkhadilkar7 <98008346+pranitkhadilkar7@users.noreply.github.com>
Date: Tue, 10 May 2022 18:19:10 +0530
Subject: [PATCH] Update styled.elements.ts

fix: handled style change in ServerUrl and ServersOverlay dynamically
---
 src/components/Endpoint/styled.elements.ts | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/Endpoint/styled.elements.ts b/src/components/Endpoint/styled.elements.ts
index e24e07c5..abf5bf7d 100644
--- a/src/components/Endpoint/styled.elements.ts
+++ b/src/components/Endpoint/styled.elements.ts
@@ -59,8 +59,8 @@ export const ServersOverlay = styled.div<{ expanded: boolean }>`
   position: absolute;
   width: 100%;
   z-index: 100;
-  background: #fafafa;
-  color: #263238;
+  background: ${props => props.theme.sidebar.backgroundColor};
+  color: ${props => props.theme.colors.primary.main};
   box-sizing: border-box;
   box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.33);
   overflow: hidden;
@@ -78,7 +78,7 @@ export const ServerItem = styled.div`
 export const ServerUrl = styled.div`
   padding: 5px;
   border: 1px solid #ccc;
-  background: #fff;
+  background: ${props => props.theme.sidebar.backgroundColor};
   word-break: break-all;
   color: ${props => props.theme.colors.primary.main};
   > span {