diff --git a/lib/buttons-and-links/buttonMixin.js b/lib/buttons-and-links/buttonMixin.js index 23e37b2de..8fb6f9d56 100644 --- a/lib/buttons-and-links/buttonMixin.js +++ b/lib/buttons-and-links/buttonMixin.js @@ -62,8 +62,8 @@ export default { }, linkStyle() { return { - color: this.$themeTokens.primary, - ':hover': { color: this.$themeTokens.primaryDark }, + color: this.$themeTokens.link, + ':hover': { color: this.$themeTokens.linkDark }, ':focus': this.$coreOutline, ':disabled': { opacity: 0.5 }, }; diff --git a/lib/styles/colorsDefault.js b/lib/styles/colorsDefault.js index 54cdbf92b..3b9d1540d 100644 --- a/lib/styles/colorsDefault.js +++ b/lib/styles/colorsDefault.js @@ -8,6 +8,8 @@ export const defaultTokenMapping = { textDisabled: 'palette.grey.v_300', annotation: 'palette.grey.v_700', textInverted: 'palette.white', + link: 'brand.primary.v_400', + linkDark: 'brand.primary.v_700', loading: 'brand.secondary.v_200', focusOutline: 'brand.secondary.v_200', surface: 'palette.white',