diff options
| author | Oliver <oliver@mohlin.dev> | 2025-04-29 16:30:22 +0200 |
|---|---|---|
| committer | Tobias Järvelöv <tobias.jarvelov@mullvad.net> | 2025-05-19 14:28:48 +0200 |
| commit | 09a0c1cdd40d680b068d0a70ffae9515e9d4b634 (patch) | |
| tree | 4959498bd9e119048e44e159fc04f48840a2145f | |
| parent | a4b54bc7722a910a475919f873fdb1fdc34fedc0 (diff) | |
| download | mullvadvpn-09a0c1cdd40d680b068d0a70ffae9515e9d4b634.tar.xz mullvadvpn-09a0c1cdd40d680b068d0a70ffae9515e9d4b634.zip | |
Use new colors in split tunneling settings view
| -rw-r--r-- | desktop/packages/mullvad-vpn/src/renderer/components/SplitTunnelingSettings.tsx | 6 | ||||
| -rw-r--r-- | desktop/packages/mullvad-vpn/src/renderer/components/SplitTunnelingSettingsStyles.tsx | 6 |
2 files changed, 6 insertions, 6 deletions
diff --git a/desktop/packages/mullvad-vpn/src/renderer/components/SplitTunnelingSettings.tsx b/desktop/packages/mullvad-vpn/src/renderer/components/SplitTunnelingSettings.tsx index 6493baa86c..cadbc6b166 100644 --- a/desktop/packages/mullvad-vpn/src/renderer/components/SplitTunnelingSettings.tsx +++ b/desktop/packages/mullvad-vpn/src/renderer/components/SplitTunnelingSettings.tsx @@ -13,7 +13,7 @@ import { messages } from '../../shared/gettext'; import { useAppContext } from '../context'; import { Button, Container, Flex, FootnoteMini, IconButton, Spinner } from '../lib/components'; import { FlexColumn } from '../lib/components/flex-column'; -import { Colors, DeprecatedColors } from '../lib/foundations'; +import { Colors, colors } from '../lib/foundations'; import { useHistory } from '../lib/history'; import { formatHtml } from '../lib/html-formatter'; import { useAfterTransition } from '../lib/transition-hooks'; @@ -202,7 +202,7 @@ function LinuxSplitTunnelingSettings(props: IPlatformSplitTunnelingSettingsProps <ModalAlert isOpen={browseError !== undefined} type={ModalAlertType.warning} - iconColor={DeprecatedColors.red} + iconColor={colors.brandRed} message={sprintf( // TRANSLATORS: Error message showed in a dialog when an application fails to launch. messages.pgettext( @@ -635,7 +635,7 @@ function applicationGetKey<T extends IApplication>(application: T): string { } const StyledContainer = styled(Cell.Container)({ - backgroundColor: DeprecatedColors.blue40, + backgroundColor: colors.blue40, }); interface IApplicationRowProps { diff --git a/desktop/packages/mullvad-vpn/src/renderer/components/SplitTunnelingSettingsStyles.tsx b/desktop/packages/mullvad-vpn/src/renderer/components/SplitTunnelingSettingsStyles.tsx index 1f100e38b4..daa6c285df 100644 --- a/desktop/packages/mullvad-vpn/src/renderer/components/SplitTunnelingSettingsStyles.tsx +++ b/desktop/packages/mullvad-vpn/src/renderer/components/SplitTunnelingSettingsStyles.tsx @@ -1,6 +1,6 @@ import styled from 'styled-components'; -import { DeprecatedColors, spacings } from '../lib/foundations'; +import { colors, spacings } from '../lib/foundations'; import * as Cell from './cell'; import { measurements, normalText } from './common-styles'; import { NavigationScrollbars } from './NavigationScrollbars'; @@ -23,7 +23,7 @@ export const StyledNavigationScrollbars = styled(NavigationScrollbars)({ export const StyledCellButton = styled(Cell.CellButton)<{ $lookDisabled?: boolean }>((props) => ({ '&&:not(:disabled):hover': { - backgroundColor: props.$lookDisabled ? DeprecatedColors.blue : undefined, + backgroundColor: props.$lookDisabled ? colors.brandBlue : undefined, }, })); @@ -65,7 +65,7 @@ export const StyledSpinnerRow = styled(Cell.CellButton)({ justifyContent: 'center', padding: `${spacings.small} 0`, marginBottom: measurements.rowVerticalMargin, - background: DeprecatedColors.blue40, + background: colors.blue40, }); export const StyledNoResult = styled(Cell.CellFooter)({ |