arno/trezor-wallet
1
0
Fork 0
mirror of https://github.com/trezor/trezor-wallet synced 2024-11-30 20:28:09 +00:00
Code Issues Releases Wiki Activity

colors unified

Browse Source
This commit is contained in:
Vladimir Volek 2018-08-10 15:36:44 +02:00
parent 32b428809c
commit a591c5ea8f
3 changed files with 26 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/js/components/common/Header.js
View File

@ -6,10 +6,10 @@ import colors from '~/js/config/colors';
const Wrapper = styled.header` const Wrapper = styled.header`
width: 100%; width: 100%;
height: 52px; height: 52px;
background: ${colors.color_header}; background: ${colors.HEADER};
svg { svg {
fill: ${colors.color_white}; fill: ${colors.WHITE};
height: 28px; height: 28px;
width: 100px; width: 100px;
flex: 1; flex: 1;
@ -27,11 +27,11 @@ const LayoutWrapper = styled.div`
`; `;
const A = styled.a` const A = styled.a`
color: ${colors.color_white}; color: ${colors.WHITE};
margin-left: 24px; margin-left: 24px;
&:visited { &:visited {
color: ${colors.color_white}; color: ${colors.WHITE};
margin-left: 24px; margin-left: 24px;
} }
@ -41,7 +41,7 @@ const A = styled.a`
&:hover, &:hover,
&:active { &:active {
color: ${colors.color_text_secondary}; color: ${colors.TEXT_SECONDARY};
} }
`; `;

2
src/js/components/common/Heading.js
View File

@ -4,7 +4,7 @@ import colors from '~/js/config/colors';
const baseStyles = css` const baseStyles = css`
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility; text-rendering: optimizeLegibility;
color: ${colors.black}; color: ${colors.BLACK};
font-weight: bold; font-weight: bold;
`; `;

40
src/js/config/colors.js
View File

@ -1,30 +1,30 @@
export default { export default {
color_white: '#ffffff', WHITE: '#FFFFFF',
color_header: '#212121', HEADER: '#212121',
color_body: '#E3E3E3', BODY: '#E3E3E3',
color_main: '#FBFBFB', MAIN: '#FBFBFB',
color_landing: '#F9F9F9', LANDING: '#F9F9F9',
color_text_primary: '#494949', TEXT_PRIMARY: '#494949',
color_text_secondary: '#757575', TEXT_SECONDARY: '#757575',
color_gray_light: '#F2F2F2', // hover menu GRAY_LIGHT: '#F2F2F2',
color_divider: '#E3E3E3', //#EBEBEB, DIVIDER: '#E3E3E3',
color_green_primary: '#01B757', GREEN_PRIMARY: '#01B757',
color_green_secondary: '#00AB51', GREEN_SECONDARY: '#00AB51',
color_green_tertiary: '#009546', GREEN_TERTIARY: '#009546',
color_info_primary: '#1E7FF0', INFO_PRIMARY: '#1E7FF0',
color_info_secondary: '#E1EFFF', INFO_SECONDARY: '#E1EFFF',
color_warning_primary: '#EB8A00', WARNING_PRIMARY: '#EB8A00',
color_warning_secondary: '#FFEFD9', WARNING_SECONDARY: '#FFEFD9',
color_success_primary: '#01B757', SUCCESS_PRIMARY: '#01B757',
color_success_secondary: '#DFFFEE', SUCCESS_SECONDARY: '#DFFFEE',
color_error_primary: '#ED1212', ERROR_PRIMARY: '#ED1212',
color_error_secondary: '#FFE9E9', ERROR_SECONDARY: '#FFE9E9',
}; };