correct colors for the link component

Emurgo · Dec 13, 2024 · b1505ce · b1505ce
1 parent 0aa4fce
commit b1505ce
Show file tree

Hide file tree

Showing 3 changed files with 28 additions and 8 deletions.
diff --git a/packages/yoroi-extension/app/styles/overrides/Link.js b/packages/yoroi-extension/app/styles/overrides/Link.js
@@ -1,13 +1,33 @@
 // @flow
 
-const Link = {
+import { darkThemeBase } from '../themes/dark-theme-base';
+import { lightThemeBase } from '../themes/light-theme-base';
+
+const { palette: darkThemePalette } = darkThemeBase;
+const { palette: lightThemePalette } = lightThemeBase;
+const ltDs = lightThemePalette.ds;
+const dtDs = darkThemePalette.ds;
+
+export const LightLink = {
+  styleOverrides: {
+    root: {
+      color: ltDs.text_primary_medium,
+      '&:hover': {
+        textDecoration: 'underline',
+        color: ltDs.text_primary_max,
+      },
+    },
+  },
+}
+
+export const DarkLink = {
   styleOverrides: {
     root: {
-      color: 'ds.text_primary_medium',
+      color: dtDs.text_primary_medium,
       '&:hover': {
         textDecoration: 'underline',
+        color: dtDs.text_primary_max,
       },
     },
   },
-};
-export { Link };
+}
diff --git a/packages/yoroi-extension/app/styles/themes/dark-theme-mui.js b/packages/yoroi-extension/app/styles/themes/dark-theme-mui.js
@@ -8,7 +8,7 @@ import {
   FormControl,
   FormHelperText,
   InputLabel,
-  Link,
+  DarkLink,
   Menu,
   MenuItem,
   OutlinedInput,
@@ -37,7 +37,7 @@ const darkThemeComponents = {
     MuiTabPanel: TabPanel,
     MuiChip: Chip,
     MuiTooltip: Tooltip,
-    MuiLink: Link,
+    MuiLink: DarkLink,
   },
 };
 

diff --git a/packages/yoroi-extension/app/styles/themes/light-theme-mui.js b/packages/yoroi-extension/app/styles/themes/light-theme-mui.js
@@ -8,7 +8,7 @@ import {
   FormHelperText,
   InputLabel,
   LightButton,
-  Link,
+  LightLink,
   Menu,
   MenuItem,
   OutlinedInput,
@@ -37,7 +37,7 @@ const lightThemeComponents = {
     MuiTabPanel: TabPanel,
     MuiChip: Chip,
     MuiTooltip: Tooltip,
-    MuiLink: Link,
+    MuiLink: LightLink,
   },
 };