diff options
| -rw-r--r-- | desktop/packages/mullvad-vpn/src/renderer/lib/components/dot/Dot.tsx | 14 |
1 files changed, 7 insertions, 7 deletions
diff --git a/desktop/packages/mullvad-vpn/src/renderer/lib/components/dot/Dot.tsx b/desktop/packages/mullvad-vpn/src/renderer/lib/components/dot/Dot.tsx index 46501bd894..a2cf2d1fab 100644 --- a/desktop/packages/mullvad-vpn/src/renderer/lib/components/dot/Dot.tsx +++ b/desktop/packages/mullvad-vpn/src/renderer/lib/components/dot/Dot.tsx @@ -1,6 +1,6 @@ import styled from 'styled-components'; -import { DeprecatedColors } from '../../foundations'; +import { colors } from '../../foundations'; export interface DotProps { variant?: 'primary' | 'success' | 'warning' | 'error'; @@ -20,13 +20,13 @@ const sizes = { medium: '12px', }; -const colors = { - primary: DeprecatedColors.white80, - success: DeprecatedColors.green, - warning: DeprecatedColors.yellow, - error: DeprecatedColors.red, +const dotColors = { + primary: colors.white80, + success: colors.brandGreen, + warning: colors.brandYellow, + error: colors.brandRed, }; export const Dot = ({ variant = 'primary', size = 'medium', ...props }: DotProps) => { - return <StyledDiv $size={sizes[size]} $color={colors[variant]} {...props} />; + return <StyledDiv $size={sizes[size]} $color={dotColors[variant]} {...props} />; }; |