From e9d6f0f1fc8998e339aeb0fd2954bce1a475e9cf Mon Sep 17 00:00:00 2001 From: dvdptr Date: Thu, 10 Jan 2019 09:24:31 +0100 Subject: [PATCH] fix(ui): Change background color to white, black button borders - @yann300 asked for more visible buttons, provided black border Refs: #1657 --- src/app/ui/styles-guide/styleGuideDavid.js | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/src/app/ui/styles-guide/styleGuideDavid.js b/src/app/ui/styles-guide/styleGuideDavid.js index 70cbe02863..24fdc5c0d9 100644 --- a/src/app/ui/styles-guide/styleGuideDavid.js +++ b/src/app/ui/styles-guide/styleGuideDavid.js @@ -59,7 +59,6 @@ function styleGuideDavid () { BORDERS ------------------------------------------------------ */ borders: { - primary_borderRadius: '3px', secondary_borderRadius: '5px' } } @@ -82,10 +81,10 @@ function styleGuideDavid () { BACKGROUND COLORS ------------------------------------------------------ */ primary_BackgroundColor: cssProperties.colors.white, - secondary_BackgroundColor: cssProperties.colors.veryLightGrey, + secondary_BackgroundColor: cssProperties.colors.white, tertiary_BackgroundColor: cssProperties.colors.white, quaternary_BackgroundColor: cssProperties.colors.white, - fifth_BackgroundColor: cssProperties.colors.lightGrey, + fifth_BackgroundColor: cssProperties.colors.white, seventh_BackgroundColor: cssProperties.colors.white, dark_BackgroundColor: cssProperties.colors.black, light_BackgroundColor: cssProperties.colors.white, @@ -118,7 +117,7 @@ function styleGuideDavid () { ******************************************************** */ icon_Color: cssProperties.colors.black, icon_AltColor: cssProperties.colors.white, - icon_HoverColor: cssProperties.colors.azure, + icon_HoverColor: cssProperties.colors.grey, icon_ConstantColor: cssProperties.colors.black, /* ------------------------------------------------------ @@ -182,7 +181,7 @@ function styleGuideDavid () { primaryButton_TextColor: cssProperties.colors.black, primaryButton_BackgroundColor: cssProperties.colors.white, primaryButton_BorderColor: cssProperties.colors.black, - primaryButton_BorderWidth: '2px', + primaryButton_BorderWidth: '1px', /* ................. SECONDARY @@ -348,6 +347,7 @@ function styleGuideDavid () { margin : 1px; background-color : ${opts.BackgroundColor}; color : ${opts.Color}; + border : 1px solid; display : flex; align-items : center; justify-content : center;