diff options
| -rw-r--r-- | desktop/packages/mullvad-vpn/src/renderer/components/DeviceRevokedView.tsx | 8 |
1 files changed, 4 insertions, 4 deletions
diff --git a/desktop/packages/mullvad-vpn/src/renderer/components/DeviceRevokedView.tsx b/desktop/packages/mullvad-vpn/src/renderer/components/DeviceRevokedView.tsx index b93a3fe551..ba9118b79f 100644 --- a/desktop/packages/mullvad-vpn/src/renderer/components/DeviceRevokedView.tsx +++ b/desktop/packages/mullvad-vpn/src/renderer/components/DeviceRevokedView.tsx @@ -3,7 +3,7 @@ import styled from 'styled-components'; import { messages } from '../../shared/gettext'; import { useAppContext } from '../context'; import { Button, Flex } from '../lib/components'; -import { DeprecatedColors } from '../lib/foundations'; +import { colors } from '../lib/foundations'; import { IconBadge } from '../lib/icon-badge'; import { useSelector } from '../redux/store'; import { AppMainHeader } from './app-main-header'; @@ -18,7 +18,7 @@ export const StyledCustomScrollbars = styled(CustomScrollbars)({ export const StyledContainer = styled(Container)({ paddingTop: '22px', minHeight: '100%', - backgroundColor: DeprecatedColors.darkBlue, + backgroundColor: colors.brandDarkBlue, }); export const StyledBody = styled.div({ @@ -31,12 +31,12 @@ export const StyledBody = styled.div({ export const StyledTitle = styled.span(bigText, { lineHeight: '38px', marginBottom: '8px', - color: DeprecatedColors.white, + color: colors.white100, }); export const StyledMessage = styled.span(smallText, { marginBottom: measurements.rowVerticalMargin, - color: DeprecatedColors.white, + color: colors.white100, }); export function DeviceRevokedView() { |