From 3df12d3e1e088624abc70310cd0c8498a85edfa6 Mon Sep 17 00:00:00 2001 From: Vladimir Volek Date: Thu, 23 Aug 2018 17:26:29 +0200 Subject: [PATCH] Adjusted colors --- src/js/config/colors.js | 3 ++- .../components/DeviceMenu/components/DeviceHeader/index.js | 3 +-- src/js/views/Wallet/components/LeftNavigation/index.js | 4 +++- src/js/views/Wallet/index.js | 2 +- src/styles/content.less | 1 - 5 files changed, 7 insertions(+), 6 deletions(-) diff --git a/src/js/config/colors.js b/src/js/config/colors.js index e3ab71a3..f6f5421f 100644 --- a/src/js/config/colors.js +++ b/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', diff --git a/src/js/views/Wallet/components/LeftNavigation/components/DeviceMenu/components/DeviceHeader/index.js b/src/js/views/Wallet/components/LeftNavigation/components/DeviceMenu/components/DeviceHeader/index.js index 31af0fa8..32571feb 100644 --- a/src/js/views/Wallet/components/LeftNavigation/components/DeviceMenu/components/DeviceHeader/index.js +++ b/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; `} `; diff --git a/src/js/views/Wallet/components/LeftNavigation/index.js b/src/js/views/Wallet/components/LeftNavigation/index.js index ad427a6c..b41d3222 100644 --- a/src/js/views/Wallet/components/LeftNavigation/index.js +++ b/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; diff --git a/src/js/views/Wallet/index.js b/src/js/views/Wallet/index.js index 103aaf77..f2c188cc 100644 --- a/src/js/views/Wallet/index.js +++ b/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 diff --git a/src/styles/content.less b/src/styles/content.less index 6e68ec81..ea86891a 100644 --- a/src/styles/content.less +++ b/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;