diff options
| -rw-r--r-- | desktop/packages/mullvad-vpn/src/renderer/lib/components/filter-chip/FilterChip.tsx | 10 |
1 files changed, 5 insertions, 5 deletions
diff --git a/desktop/packages/mullvad-vpn/src/renderer/lib/components/filter-chip/FilterChip.tsx b/desktop/packages/mullvad-vpn/src/renderer/lib/components/filter-chip/FilterChip.tsx index 666dc6a5f3..c773c797a4 100644 --- a/desktop/packages/mullvad-vpn/src/renderer/lib/components/filter-chip/FilterChip.tsx +++ b/desktop/packages/mullvad-vpn/src/renderer/lib/components/filter-chip/FilterChip.tsx @@ -1,7 +1,7 @@ import { forwardRef } from 'react'; import styled, { WebTarget } from 'styled-components'; -import { DeprecatedColors, Radius } from '../../foundations'; +import { colors, Radius } from '../../foundations'; import { buttonReset } from '../../styles'; import { Flex } from '../flex'; import { FilterChipIcon, FilterChipText } from './components'; @@ -12,9 +12,9 @@ export interface FilterChipProps extends React.ButtonHTMLAttributes<HTMLButtonEl } const variables = { - background: DeprecatedColors.blue, - hover: DeprecatedColors.blue60, - disabled: DeprecatedColors.blue50, + background: colors.brandBlue, + hover: colors.blue60, + disabled: colors.blue50, } as const; const StyledButton = styled.button({ @@ -34,7 +34,7 @@ const StyledButton = styled.button({ background: 'var(--disabled)', }, '&:focus-visible': { - outline: `2px solid ${DeprecatedColors.white}`, + outline: `2px solid ${colors.white100}`, }, }); |