From 9b461c48c95327d8d8985cfdac102dbed3670268 Mon Sep 17 00:00:00 2001 From: Ifeoluwa Odubela <i.odubela@gmail.com> Date: Fri, 2 Feb 2024 21:26:13 +0000 Subject: [PATCH] Bugfix: Add Primary Button hover background colors for light and dark theme #1971 (#2123) * Bugfix: Add Primary Button hover background colors * Add release notes * Rename 1971.md to 2123.md * Update release note 2123.md typo * Update packages/desktop-client/src/style/themes/dark.ts * Update packages/desktop-client/src/style/themes/light.ts --------- Co-authored-by: Neil <55785687+carkom@users.noreply.github.com> --- packages/desktop-client/src/style/themes/dark.ts | 2 +- packages/desktop-client/src/style/themes/light.ts | 2 +- upcoming-release-notes/2123.md | 6 ++++++ 3 files changed, 8 insertions(+), 2 deletions(-) create mode 100644 upcoming-release-notes/2123.md diff --git a/packages/desktop-client/src/style/themes/dark.ts b/packages/desktop-client/src/style/themes/dark.ts index 2185558d5..eb060f8d8 100644 --- a/packages/desktop-client/src/style/themes/dark.ts +++ b/packages/desktop-client/src/style/themes/dark.ts @@ -99,7 +99,7 @@ export const buttonMenuSelectedBorder = buttonMenuSelectedBackground; export const buttonPrimaryText = colorPalette.white; export const buttonPrimaryTextHover = buttonPrimaryText; export const buttonPrimaryBackground = colorPalette.purple400; -export const buttonPrimaryBackgroundHover = buttonPrimaryBackground; +export const buttonPrimaryBackgroundHover = colorPalette.purple600; export const buttonPrimaryBorder = buttonPrimaryBackground; export const buttonPrimaryShadow = 'rgba(0, 0, 0, 0.6)'; export const buttonPrimaryDisabledText = colorPalette.navy700; diff --git a/packages/desktop-client/src/style/themes/light.ts b/packages/desktop-client/src/style/themes/light.ts index 1149fed33..a442f746a 100644 --- a/packages/desktop-client/src/style/themes/light.ts +++ b/packages/desktop-client/src/style/themes/light.ts @@ -99,7 +99,7 @@ export const buttonMenuSelectedBorder = buttonMenuSelectedBackground; export const buttonPrimaryText = colorPalette.white; export const buttonPrimaryTextHover = buttonPrimaryText; export const buttonPrimaryBackground = colorPalette.purple500; -export const buttonPrimaryBackgroundHover = buttonPrimaryBackground; +export const buttonPrimaryBackgroundHover = colorPalette.purple300; export const buttonPrimaryBorder = buttonPrimaryBackground; export const buttonPrimaryShadow = 'rgba(0, 0, 0, 0.3)'; export const buttonPrimaryDisabledText = colorPalette.white; diff --git a/upcoming-release-notes/2123.md b/upcoming-release-notes/2123.md new file mode 100644 index 000000000..f51fb84f1 --- /dev/null +++ b/upcoming-release-notes/2123.md @@ -0,0 +1,6 @@ +--- +category: Bugfix +authors: [Ife-Ody] +--- + +Add Primary Button hover background colors for light and Dark theme -- GitLab