diff options
| author | Oliver <oliver@mohlin.dev> | 2025-04-29 16:19:21 +0200 |
|---|---|---|
| committer | Tobias Järvelöv <tobias.jarvelov@mullvad.net> | 2025-05-19 14:28:48 +0200 |
| commit | fc7fca98846950dbe33771f8fb98ad5aa3c772d0 (patch) | |
| tree | 50912322ade3a6a84ecd68bcebe5ec4fde3caafd /desktop | |
| parent | 0964e8ff1ebfd8f43af5a00d46646451203388a9 (diff) | |
| download | mullvadvpn-fc7fca98846950dbe33771f8fb98ad5aa3c772d0.tar.xz mullvadvpn-fc7fca98846950dbe33771f8fb98ad5aa3c772d0.zip | |
Use new colors in SecuredLabel
Diffstat (limited to 'desktop')
| -rw-r--r-- | desktop/packages/mullvad-vpn/src/renderer/components/SecuredLabel.tsx | 18 |
1 files changed, 9 insertions, 9 deletions
diff --git a/desktop/packages/mullvad-vpn/src/renderer/components/SecuredLabel.tsx b/desktop/packages/mullvad-vpn/src/renderer/components/SecuredLabel.tsx index ec50ec09b2..ba960bf0fd 100644 --- a/desktop/packages/mullvad-vpn/src/renderer/components/SecuredLabel.tsx +++ b/desktop/packages/mullvad-vpn/src/renderer/components/SecuredLabel.tsx @@ -1,7 +1,7 @@ import styled from 'styled-components'; import { messages } from '../../shared/gettext'; -import { DeprecatedColors } from '../lib/foundations'; +import { colors } from '../lib/foundations'; export enum SecuredDisplayStyle { secured, @@ -15,14 +15,14 @@ export enum SecuredDisplayStyle { } const securedDisplayStyleColorMap = { - [SecuredDisplayStyle.securing]: DeprecatedColors.white, - [SecuredDisplayStyle.securingPq]: DeprecatedColors.white, - [SecuredDisplayStyle.unsecuring]: DeprecatedColors.white, - [SecuredDisplayStyle.secured]: DeprecatedColors.green, - [SecuredDisplayStyle.securedPq]: DeprecatedColors.green, - [SecuredDisplayStyle.blocked]: DeprecatedColors.white, - [SecuredDisplayStyle.unsecured]: DeprecatedColors.red, - [SecuredDisplayStyle.failedToSecure]: DeprecatedColors.red, + [SecuredDisplayStyle.securing]: colors.white100, + [SecuredDisplayStyle.securingPq]: colors.white100, + [SecuredDisplayStyle.unsecuring]: colors.white100, + [SecuredDisplayStyle.secured]: colors.brandGreen, + [SecuredDisplayStyle.securedPq]: colors.brandGreen, + [SecuredDisplayStyle.blocked]: colors.white100, + [SecuredDisplayStyle.unsecured]: colors.brandRed, + [SecuredDisplayStyle.failedToSecure]: colors.brandRed, }; const StyledSecuredLabel = styled.span<{ $displayStyle: SecuredDisplayStyle }>((props) => ({ |