From c02e04ec884c5e3bfa84f798cd89cac98e09cbee Mon Sep 17 00:00:00 2001 From: danielkuhnen Date: Wed, 19 Feb 2025 12:38:10 +0100 Subject: [PATCH] Button color update Update button color for better usability with the brand green tones. --- packages/desktop-client/src/style/palette.ts | 7 ++++++- packages/desktop-client/src/style/themes/light.ts | 6 +++--- 2 files changed, 9 insertions(+), 4 deletions(-) diff --git a/packages/desktop-client/src/style/palette.ts b/packages/desktop-client/src/style/palette.ts index a6259e3fd8a..aeaafc2510e 100644 --- a/packages/desktop-client/src/style/palette.ts +++ b/packages/desktop-client/src/style/palette.ts @@ -85,6 +85,11 @@ export const hover = oldColors.hover; export const beige50 = '#FCFCFC'; export const beige100 = '#F1F0F0'; export const beige500 = '#E3C39D'; -export const beige700 = '#A68868'; +export const beige700 = "#A68868"; export const lavendergrey = '#B9BCCD'; export const slateblue = '#617D98'; +export const greenbutton = '#35a18a'; +export const greenbuttonhover = '#2D8D79'; +export const greenbuttondisabled = '#67ab99'; +export const greentext = '#28a17e'; +export const greenbackground = '#e8f3ef'; diff --git a/packages/desktop-client/src/style/themes/light.ts b/packages/desktop-client/src/style/themes/light.ts index 38d86e5a3c3..1f213896135 100644 --- a/packages/desktop-client/src/style/themes/light.ts +++ b/packages/desktop-client/src/style/themes/light.ts @@ -101,12 +101,12 @@ export const buttonMenuSelectedBorder = buttonMenuSelectedBackground; export const buttonPrimaryText = colorPalette.white; export const buttonPrimaryTextHover = buttonPrimaryText; -export const buttonPrimaryBackground = colorPalette.slateblue; -export const buttonPrimaryBackgroundHover = colorPalette.navy700; +export const buttonPrimaryBackground = colorPalette.greenbutton; +export const buttonPrimaryBackgroundHover = colorPalette.greenbuttonhover; export const buttonPrimaryBorder = buttonPrimaryBackground; export const buttonPrimaryShadow = 'rgba(0, 0, 0, 0.3)'; export const buttonPrimaryDisabledText = colorPalette.white; -export const buttonPrimaryDisabledBackground = colorPalette.navy400; +export const buttonPrimaryDisabledBackground = colorPalette.greenbuttondisabled; export const buttonPrimaryDisabledBorder = buttonPrimaryDisabledBackground; export const buttonNormalText = colorPalette.navy900;