Adjusted colors

src/js/config/colors.js

@@ -1,7 +1,8 @@
 export default {
     WHITE: '#FFFFFF',
+    BACKGROUND: '#EBEBEB',
 
-    HEADER: '#212121',
+    HEADER: '#1A1A1A',
     BODY: '#E3E3E3',
     MAIN: '#FBFBFB',
     LANDING: '#F9F9F9',

src/js/views/Wallet/components/LeftNavigation/components/DeviceMenu/components/DeviceHeader/index.js

@@ -15,11 +15,10 @@ const Wrapper = styled.div`
     display: flex;
     align-items: center;
     background: ${colors.WHITE};
-    border-bottom: 1px solid ${colors.DIVIDER};
+    border-radius: 4px 0 0 0;
     box-shadow: 0 3px 8px rgba(0, 0, 0, 0.04);
 
     ${props => props.isOpen && css`
-        border-bottom: 1px solid ${colors.WHITE};
         box-shadow: none;
     `}
 `;

src/js/views/Wallet/components/LeftNavigation/index.js

@@ -27,7 +27,9 @@ const StickyBottom = styled.div`
     border-right: 1px solid ${colors.DIVIDER};
 `;
 
-const MenuWrapper = styled.div``;
+const MenuWrapper = styled.div`
+    background: ${colors.LANDING};
+`;
 
 const Help = styled.div`
     display: flex;

src/js/views/Wallet/index.js

@@ -34,7 +34,7 @@ const AppWrapper = styled.div`
     min-width: 720px;
     display: flex;
     flex-direction: column;
-    background: ${colors.DIVIDER};
+    background: ${colors.BACKGROUND};
     
     &.resized {
         // to make sure that unpacked coin menu will not overflow main container

src/styles/content.less

@@ -5,7 +5,6 @@ article {
 
     nav {
         height: 64px;
-        border-bottom: 1px solid @color_divider;
         box-shadow: 0 3px 8px rgba(0, 0, 0, 0.06);
         display: flex;
         background: @color_white;