From 25082b31829be73336e76fff267a1712ca63e8a9 Mon Sep 17 00:00:00 2001
From: Jackson Harper <jacksonh@gmail.com>
Date: Wed, 12 Jun 2024 21:16:38 +0800
Subject: [PATCH] Improve action button hover

---
 packages/web/components/elements/Button.tsx       | 2 +-
 packages/web/components/tokens/stitches.config.ts | 6 ++++--
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/packages/web/components/elements/Button.tsx b/packages/web/components/elements/Button.tsx
index 010e0bdba..350362947 100644
--- a/packages/web/components/elements/Button.tsx
+++ b/packages/web/components/elements/Button.tsx
@@ -436,7 +436,7 @@ export const Button = styled('button', {
         cursor: 'pointer',
         p: '5px',
         borderRadius: '5px',
-        '&:hover': { bg: '$readerHoverBg', opacity: '1' },
+        '&:hover': { bg: '$homeActionHoverBg', opacity: '1' },
       },
       menuAction: {
         display: 'flex',
diff --git a/packages/web/components/tokens/stitches.config.ts b/packages/web/components/tokens/stitches.config.ts
index 6ed792011..1dee7a738 100644
--- a/packages/web/components/tokens/stitches.config.ts
+++ b/packages/web/components/tokens/stitches.config.ts
@@ -157,7 +157,6 @@ export const { styled, css, theme, getCssText, globalCss, keyframes, config } =
         readerTableHeader: '#FFFFFF',
         readerMargin: 'white',
         readerTextSubtle: '#898989',
-        readerHoverBg: '#1E1E1E',
 
         // Avatar Fallback color
         avatarBg: '#FFEA9F',
@@ -236,6 +235,7 @@ export const { styled, css, theme, getCssText, globalCss, keyframes, config } =
         homeTextBody: '#3D3D3D',
         homeTextSubtle: '#898989',
         homeActionIcons: '#898989',
+        homeActionHoverBg: '#DFDFDF',
         homeDivider: '#D9D9D9',
 
         thLibraryAISummaryBorder: '#6A6968',
@@ -306,7 +306,6 @@ const darkThemeSpec = {
     readerFontHighContrast: 'white',
     readerTableHeader: '#FFFFFF',
     readerMargin: '#2A2A2A',
-    readerHoverBg: '#1E1E1E',
     readerTextSubtle: '#EDEDED',
 
     avatarBg: '#7B5C3E',
@@ -390,6 +389,7 @@ const darkThemeSpec = {
     homeTextBody: '#D9D9D9',
     homeTextSubtle: '#898989',
     homeActionIcons: '#898989',
+    homeActionHoverBg: '#515151',
     homeDivider: '#3D3D3D',
 
     thLibraryAISummaryBorder: '#6A6968',
@@ -427,6 +427,7 @@ const apolloThemeSpec = {
 
     homeCardHover: '#525252',
     homeDivider: '#6A6968',
+    homeActionHoverBg: '#515151',
 
     thBackground: '#474747',
     thBackground2: '#515151',
@@ -456,6 +457,7 @@ const sepiaThemeSpec = {
 
     homeCardHover: '#EEE8D5',
     homeDivider: '#DDD6C1',
+    homeActionHoverBg: '#DDD6C1',
 
     thLibraryMultiselectHover: '#EEE8D5',
   },