diff options
| author | Oliver <oliver@mohlin.dev> | 2025-04-29 16:37:56 +0200 |
|---|---|---|
| committer | Tobias Järvelöv <tobias.jarvelov@mullvad.net> | 2025-05-19 14:28:48 +0200 |
| commit | 4827a2b90260d76a49002f72721eb4b3a4763c32 (patch) | |
| tree | 7e9c857dcababb2df32739918d08db53bc661253 | |
| parent | ac972861c2e35a6259d4cdb4f96c8e2104adcf3b (diff) | |
| download | mullvadvpn-4827a2b90260d76a49002f72721eb4b3a4763c32.tar.xz mullvadvpn-4827a2b90260d76a49002f72721eb4b3a4763c32.zip | |
Use new colors in too many devices view
| -rw-r--r-- | desktop/packages/mullvad-vpn/src/renderer/components/TooManyDevices.tsx | 12 |
1 files changed, 6 insertions, 6 deletions
diff --git a/desktop/packages/mullvad-vpn/src/renderer/components/TooManyDevices.tsx b/desktop/packages/mullvad-vpn/src/renderer/components/TooManyDevices.tsx index 5c2a14a45d..6839839d6c 100644 --- a/desktop/packages/mullvad-vpn/src/renderer/components/TooManyDevices.tsx +++ b/desktop/packages/mullvad-vpn/src/renderer/components/TooManyDevices.tsx @@ -9,7 +9,7 @@ import { capitalizeEveryWord } from '../../shared/string-helpers'; import { useAppContext } from '../context'; import { Button, Flex, IconButton, Spinner } from '../lib/components'; import { FlexColumn } from '../lib/components/flex-column'; -import { DeprecatedColors } from '../lib/foundations'; +import { colors } from '../lib/foundations'; import { TransitionType, useHistory } from '../lib/history'; import { formatHtml } from '../lib/html-formatter'; import { IconBadge, IconBadgeProps } from '../lib/icon-badge'; @@ -42,7 +42,7 @@ const StyledBody = styled.div({ const StyledTitle = styled.span(bigText, { lineHeight: '38px', margin: `0 ${measurements.horizontalViewMargin} 8px`, - color: DeprecatedColors.white, + color: colors.white100, }); const StyledLabel = styled.span({ @@ -50,7 +50,7 @@ const StyledLabel = styled.span({ fontSize: '12px', fontWeight: 600, lineHeight: '20px', - color: DeprecatedColors.white, + color: colors.white100, margin: `0 ${measurements.horizontalViewMargin} 18px`, }); @@ -74,7 +74,7 @@ const StyledDeviceName = styled.span(normalText, { const StyledDeviceDate = styled.span(tinyText, { fontSize: '10px', lineHeight: '10px', - color: DeprecatedColors.white60, + color: colors.white60, }); export default function TooManyDevices() { @@ -256,7 +256,7 @@ function Device(props: IDeviceProps) { <ModalAlert isOpen={confirmationVisible} type={ModalAlertType.warning} - iconColor={DeprecatedColors.red} + iconColor={colors.brandRed} buttons={[ <Button variant="destructive" key="remove" onClick={onRemove} disabled={deleting}> <Button.Text> @@ -290,7 +290,7 @@ function Device(props: IDeviceProps) { <ModalAlert isOpen={error} type={ModalAlertType.warning} - iconColor={DeprecatedColors.red} + iconColor={colors.brandRed} buttons={[ <Button key="close" onClick={resetError}> <Button.Text>{messages.gettext('Close')}</Button.Text> |