mirror of
https://github.com/trezor/trezor-wallet
synced 2024-11-24 09:18:09 +00:00
Adjusted colors
This commit is contained in:
parent
8b6cd23c26
commit
3df12d3e1e
@ -1,7 +1,8 @@
|
||||
export default {
|
||||
WHITE: '#FFFFFF',
|
||||
BACKGROUND: '#EBEBEB',
|
||||
|
||||
HEADER: '#212121',
|
||||
HEADER: '#1A1A1A',
|
||||
BODY: '#E3E3E3',
|
||||
MAIN: '#FBFBFB',
|
||||
LANDING: '#F9F9F9',
|
||||
|
@ -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;
|
||||
`}
|
||||
`;
|
||||
|
@ -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;
|
||||
|
@ -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
|
||||
|
@ -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;
|
||||
|
Loading…
Reference in New Issue
Block a user