diff options
| author | anderklander <anderklander@gmail.com> | 2018-02-08 11:50:55 +0100 |
|---|---|---|
| committer | anderklander <anderklander@gmail.com> | 2018-02-15 16:02:02 +0100 |
| commit | 7053dfd438bc6a2d3ff23ba1f60d17bab61b5ba9 (patch) | |
| tree | 6dffed442fa8e332aa95891fcbfb151341481f28 /app | |
| parent | 7c84d7ba36a74a2d1a9a627ee050b982d6bf2dab (diff) | |
| download | mullvadvpn-7053dfd438bc6a2d3ff23ba1f60d17bab61b5ba9.tar.xz mullvadvpn-7053dfd438bc6a2d3ff23ba1f60d17bab61b5ba9.zip | |
Cellbutton color update
Diffstat (limited to 'app')
| -rw-r--r-- | app/components/styled/CellButton.js | 11 |
1 files changed, 6 insertions, 5 deletions
diff --git a/app/components/styled/CellButton.js b/app/components/styled/CellButton.js index b74f0cdfb0..84971025b9 100644 --- a/app/components/styled/CellButton.js +++ b/app/components/styled/CellButton.js @@ -3,13 +3,14 @@ import React from 'react'; import { Text, Component } from 'reactxp'; import { Button } from './Button'; import Img from '../Img'; +import { colors } from '../../config'; import { createViewStyles, createTextStyles } from '../../lib/styles'; const styles = { ...createViewStyles({ cell:{ - backgroundColor: 'rgba(41,71,115,1)', + backgroundColor: colors.blue, paddingTop: 15, paddingBottom: 15, paddingLeft: 24, @@ -21,7 +22,7 @@ const styles = { justifyContent: 'space-between' }, hover:{ - backgroundColor: 'rgba(41,71,115,0.9)' + backgroundColor: colors.blue80 }, icon:{ marginLeft: 8, @@ -31,7 +32,7 @@ const styles = { flexShrink: 0, flexBasis: 'auto', alignItems: 'flex-end', - color: 'rgba(255, 255, 255, 0.8)', + color: colors.white80, }, }), ...createTextStyles({ @@ -40,7 +41,7 @@ const styles = { fontSize: 20, fontWeight: '900', lineHeight: 26, - color: '#FFFFFF', + color: colors.white, flexGrow: 1, flexShrink: 0, flexBasis: 'auto', @@ -49,7 +50,7 @@ const styles = { fontFamily: 'Open Sans', fontSize: 13, fontWeight: '800', - color: 'rgba(255, 255, 255, 0.8)', + color: colors.white80, flexGrow: 0, textAlign: 'right', }, |