From 7ad050c8aedbe92ea686a9897eb636ae235c724a Mon Sep 17 00:00:00 2001
From: Thibaut Sardan <33178835+Tbaut@users.noreply.github.com>
Date: Fri, 9 Oct 2020 15:51:41 +0200
Subject: [PATCH] style identity bar for dark theme (#3832)

---
 packages/page-accounts/src/Sidebar/Sidebar.tsx | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/packages/page-accounts/src/Sidebar/Sidebar.tsx b/packages/page-accounts/src/Sidebar/Sidebar.tsx
index 32bae928a3..bd4327da6c 100644
--- a/packages/page-accounts/src/Sidebar/Sidebar.tsx
+++ b/packages/page-accounts/src/Sidebar/Sidebar.tsx
@@ -1,6 +1,8 @@
 // Copyright 2017-2020 @polkadot/app-accounts authors & contributors
 // SPDX-License-Identifier: Apache-2.0
 
+import { ThemeProps } from '@polkadot/react-components/types';
+
 import React, { useCallback } from 'react';
 import styled from 'styled-components';
 import { useAccountInfo, useToggle } from '@polkadot/react-hooks';
@@ -159,15 +161,15 @@ function FullSidebar ({ address, className = '', onClose, onUpdateName }: Props)
   );
 }
 
-export default React.memo(styled(FullSidebar)`
+export default React.memo(styled(FullSidebar)(({ theme }: ThemeProps) => `
   input {
     width: auto !important;
   }
 
   .ui--AddressMenu-header {
     align-items: center;
-    background: white;
-    border-bottom: 1px solid #e6e6e6;
+    background: ${theme.bgTabs};
+    border-bottom: 1px solid ${theme.borderTable};
     display: flex;
     flex-direction: column;
     justify-content: center;
@@ -195,7 +197,7 @@ export default React.memo(styled(FullSidebar)`
 
     .ui--AddressMenu-sectionHeader {
       display: inline-flex;
-      color: #aaa;
+      color: ${theme.color};
       margin-bottom: 0.4rem;
       width: 100%;
 
@@ -299,4 +301,4 @@ export default React.memo(styled(FullSidebar)`
       }
     }
   }
-`);
+`));