diff --git a/src/components/ButtonLink.tsx b/src/components/ButtonLink.tsx index bd98d5b38ee..dff09ed3a7b 100644 --- a/src/components/ButtonLink.tsx +++ b/src/components/ButtonLink.tsx @@ -33,7 +33,7 @@ function ButtonLink({ className, 'active:scale-[.98] transition-transform inline-flex font-bold items-center outline-none focus:outline-none focus-visible:outline focus-visible:outline-link focus:outline-offset-2 focus-visible:dark:focus:outline-link-dark leading-snug', { - 'bg-link text-white dark:bg-brand-dark dark:text-secondary hover:bg-opacity-80': + 'bg-link text-white dark:bg-brand-dark dark:text-gray-90 hover:bg-opacity-80': type === 'primary', 'text-primary dark:text-primary-dark shadow-secondary-button-stroke dark:shadow-secondary-button-stroke-dark hover:bg-gray-40/5 active:bg-gray-40/10 hover:dark:bg-gray-60/5 active:dark:bg-gray-60/10': type === 'secondary', diff --git a/tailwind.config.js b/tailwind.config.js index 9450cfa5965..85d0e705058 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -46,8 +46,8 @@ module.exports = { 'inner-border-dark': 'inset 0 0 0 1px rgba(255, 255, 255, 0.08)', 'outer-border': '0 0 0 1px rgba(0, 0, 0, 0.1)', 'outer-border-dark': '0 0 0 1px rgba(255, 255, 255, 0.1)', - 'secondary-button-stroke': 'inset 0 0 0 1px #D9DBE3', - 'secondary-button-stroke-dark': 'inset 0 0 0 1px #404756', + 'secondary-button-stroke': 'inset 0 0 0 1px #BCC1CD', + 'secondary-button-stroke-dark': 'inset 0 0 0 1px #4E5769', none: 'none', }, extend: {