fix hover color

Expensify · May 16, 2024 · 74618df · 74618df
1 parent 55bf6a5
commit 74618df
Show file tree

Hide file tree

Showing 6 changed files with 4 additions and 7 deletions.
diff --git a/src/hooks/useMarkdownStyle.ts b/src/hooks/useMarkdownStyle.ts
@@ -37,7 +37,7 @@ function useMarkdownStyle(message: string | null = null, excludeStyles: Array<ke
                 fontSize: emojiFontSize,
             },
             blockquote: {
-                borderLeftColor: theme.borderDarker,
+                borderColor: theme.border,
                 borderWidth: 4,
                 marginLeft: 0,
                 paddingLeft: 6,

diff --git a/src/styles/index.ts b/src/styles/index.ts
@@ -173,7 +173,7 @@ const webViewStyles = (theme: ThemeColors) =>
             },
 
             blockquote: {
-                borderLeftColor: theme.borderDarker,
+                borderLeftColor: theme.border,
                 borderLeftWidth: 4,
                 paddingLeft: 12,
                 marginTop: 4,
@@ -3228,7 +3228,7 @@ const styles = (theme: ThemeColors) =>
         },
 
         blockquote: {
-            borderLeftColor: theme.borderDarker,
+            borderLeftColor: theme.border,
             borderLeftWidth: 4,
             paddingLeft: 12,
             marginVertical: 4,

diff --git a/src/styles/theme/themes/dark.ts b/src/styles/theme/themes/dark.ts
@@ -11,7 +11,6 @@ const darkTheme = {
     highlightBG: colors.productDark200,
     border: colors.productDark400,
     borderLighter: colors.productDark400,
-    borderDarker: colors.productDark500,
     borderFocus: colors.green400,
     icon: colors.productDark700,
     iconMenu: colors.green400,

diff --git a/src/styles/theme/themes/light.ts b/src/styles/theme/themes/light.ts
@@ -11,7 +11,6 @@ const lightTheme = {
     highlightBG: colors.productLight200,
     border: colors.productLight400,
     borderLighter: colors.productLight400,
-    borderDarker: colors.productLight500,
     borderFocus: colors.green400,
     icon: colors.productLight700,
     iconMenu: colors.green400,

diff --git a/src/styles/theme/types.ts b/src/styles/theme/types.ts
@@ -14,7 +14,6 @@ type ThemeColors = {
     messageHighlightBG: Color;
     border: Color;
     borderLighter: Color;
-    borderDarker: Color;
     borderFocus: Color;
     icon: Color;
     iconMenu: Color;

diff --git a/src/styles/utils/index.ts b/src/styles/utils/index.ts
@@ -1329,7 +1329,7 @@ const createStyleUtils = (theme: ThemeColors, styles: ThemeStyles) => ({
             case CONST.BUTTON_STATES.PRESSED:
                 return {backgroundColor: theme.buttonPressedBG};
             case CONST.BUTTON_STATES.ACTIVE:
-                return isMenuItem ? {backgroundColor: theme.border} : {backgroundColor: theme.buttonHoveredBG};
+                return isMenuItem ? {backgroundColor: theme.hoverComponentBG} : {backgroundColor: theme.buttonHoveredBG};
             case CONST.BUTTON_STATES.DISABLED:
             case CONST.BUTTON_STATES.DEFAULT:
             default: