diff options
| author | anderklander <anderklander@gmail.com> | 2018-02-08 11:38:03 +0100 |
|---|---|---|
| committer | anderklander <anderklander@gmail.com> | 2018-02-15 16:02:02 +0100 |
| commit | f6beef965e3e33d9cd1d9fa306f6212db79395c5 (patch) | |
| tree | 9050809d80030932706cd95f4dd49917ac5a978f /app/components/HeaderBarStyles.js | |
| parent | a415c958a08e7199ad001fd2b3b785c8417b4170 (diff) | |
| download | mullvadvpn-f6beef965e3e33d9cd1d9fa306f6212db79395c5.tar.xz mullvadvpn-f6beef965e3e33d9cd1d9fa306f6212db79395c5.zip | |
Style changes to use config-colors and AppButtons
Diffstat (limited to 'app/components/HeaderBarStyles.js')
| -rw-r--r-- | app/components/HeaderBarStyles.js | 11 |
1 files changed, 6 insertions, 5 deletions
diff --git a/app/components/HeaderBarStyles.js b/app/components/HeaderBarStyles.js index c2d53a2036..a8569f2f81 100644 --- a/app/components/HeaderBarStyles.js +++ b/app/components/HeaderBarStyles.js @@ -1,5 +1,6 @@ // @flow import { createTextStyles, createViewStyles } from '../lib/styles'; +import { colors } from '../config'; export default { ...createViewStyles({ @@ -8,7 +9,7 @@ export default { paddingBottom: 12, paddingLeft: 12, paddingRight: 12, - backgroundColor: '#294D73', + backgroundColor: colors.blue, flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center', @@ -23,13 +24,13 @@ export default { paddingTop: 24, }, headerbar__style_defaultDark: { - backgroundColor: '#192E45', + backgroundColor: colors.darkBlue, }, headerbar__style_error: { - backgroundColor: '#D0021B', + backgroundColor: colors.red, }, headerbar__style_success: { - backgroundColor: '#44AD4D', + backgroundColor: colors.green, }, headerbar__container: { display: 'flex', @@ -55,7 +56,7 @@ export default { fontWeight: '900', lineHeight: 30, letterSpacing: -0.5, - color: 'rgba(255,255,255,0.6)', + color: colors.white60, marginLeft: 8, } }) |