diff options
| author | Andrej Mihajlov <and@mullvad.net> | 2018-07-10 15:27:52 +0200 |
|---|---|---|
| committer | Andrej Mihajlov <and@mullvad.net> | 2018-07-16 16:44:05 +0200 |
| commit | d054a99cfdb95e7f54f76e658aa8882282c4cf5a (patch) | |
| tree | 4d419f6d09570e21ea024b0381e892e3e5fa1c29 /app | |
| parent | db7b3f8971206e50d4e3117b5ea23be7196d2194 (diff) | |
| download | mullvadvpn-d054a99cfdb95e7f54f76e658aa8882282c4cf5a.tar.xz mullvadvpn-d054a99cfdb95e7f54f76e658aa8882282c4cf5a.zip | |
Fix invalid colors in CellButton
Diffstat (limited to 'app')
| -rw-r--r-- | app/components/styled/CellButton.js | 9 |
1 files changed, 3 insertions, 6 deletions
diff --git a/app/components/styled/CellButton.js b/app/components/styled/CellButton.js index f0251c942e..ed3421f803 100644 --- a/app/components/styled/CellButton.js +++ b/app/components/styled/CellButton.js @@ -10,7 +10,7 @@ import { createViewStyles, createTextStyles } from '../../lib/styles'; const styles = { ...createViewStyles({ cell: { - backgroundColor: colors.blue80, + backgroundColor: colors.blue, paddingTop: 14, paddingBottom: 14, paddingLeft: 16, @@ -21,12 +21,9 @@ const styles = { alignItems: 'center', alignContent: 'center', }, - blue: { + cellHover: { backgroundColor: colors.blue80, }, - blueHover: { - backgroundColor: colors.blue60, - }, white40: { color: colors.white40, }, @@ -85,7 +82,7 @@ export default class CellButton extends Component<CellButtonProps, State> { iconStyle = (cellHoverStyle?: Types.ViewStyle) => (this.state.hovered ? cellHoverStyle : null); subtextStyle = (cellHoverStyle?: Types.ViewStyle) => (this.state.hovered ? cellHoverStyle : null); backgroundStyle = (cellHoverStyle?: Types.ViewStyle) => - this.state.hovered ? cellHoverStyle || styles.blueHover : null; + this.state.hovered ? cellHoverStyle || styles.cellHover : null; onHoverStart = () => (!this.props.disabled ? this.setState({ hovered: true }) : null); onHoverEnd = () => (!this.props.disabled ? this.setState({ hovered: false }) : null); |