From a7a7f83e3e08b95c16a1b4783c5692aa9962b440 Mon Sep 17 00:00:00 2001 From: Lucian Date: Wed, 4 Dec 2019 12:58:31 +0000 Subject: [PATCH] Fix link hover color Signed-off-by: Lucian --- lib/gui/app/styled-components.js | 15 ++++++++++----- lib/gui/app/theme.js | 1 - 2 files changed, 10 insertions(+), 6 deletions(-) diff --git a/lib/gui/app/styled-components.js b/lib/gui/app/styled-components.js index 3024d54f..cd332ab5 100644 --- a/lib/gui/app/styled-components.js +++ b/lib/gui/app/styled-components.js @@ -79,11 +79,14 @@ exports.ChangeButton = styled(BaseButton) ` padding: 0; width: 100%; height: auto; - ${space} - &:hover, &:focus, &:active { - color: ${colors.primary.background}; + &:enabled { + &:hover, &:focus, &:active { + color: #8f9297; + } } + + ${space} ` exports.StepNameButton = styled(BaseButton) ` display: flex; @@ -93,8 +96,10 @@ exports.StepNameButton = styled(BaseButton) ` font-weight: bold; color: ${colors.dark.foreground}; - &:hover, &:focus, &:active{ - color: ${colors.primary.foreground}; + &:enabled { + &:hover, &:focus, &:active{ + color: #8f9297; + } } ` exports.StepSelection = styled(Flex) ` diff --git a/lib/gui/app/theme.js b/lib/gui/app/theme.js index 9e566a51..ca0549fb 100644 --- a/lib/gui/app/theme.js +++ b/lib/gui/app/theme.js @@ -15,7 +15,6 @@ */ 'use strict' - exports.colors = { dark: { foreground: '#fff',