Update styled.elements.ts

fix: handled style change in ServerUrl and ServersOverlay dynamically
This commit is contained in:
pranitkhadilkar7 2022-05-10 18:19:10 +05:30 committed by GitHub
parent 7e01a0cfe2
commit 50d85cb935
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -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 {