diff options
3 files changed, 1 insertions, 102 deletions
diff --git a/desktop/packages/mullvad-vpn/src/renderer/lib/components/theme/Theme.tsx b/desktop/packages/mullvad-vpn/src/renderer/lib/components/theme/Theme.tsx index dd5ce64e92..df7529a924 100644 --- a/desktop/packages/mullvad-vpn/src/renderer/lib/components/theme/Theme.tsx +++ b/desktop/packages/mullvad-vpn/src/renderer/lib/components/theme/Theme.tsx @@ -3,7 +3,6 @@ import { createGlobalStyle } from 'styled-components'; import { colorPrimitives, - deprecatedColors, fontFamilies, fontSizes, fontWeights, @@ -17,7 +16,6 @@ type VariablesProps = React.PropsWithChildren<object>; const VariablesGlobalStyle = createGlobalStyle` :root { ${Object.entries({ - ...deprecatedColors, ...spacingPrimitives, ...colorPrimitives, ...radius, diff --git a/desktop/packages/mullvad-vpn/src/renderer/lib/foundations/tokens/color-tokens.ts b/desktop/packages/mullvad-vpn/src/renderer/lib/foundations/tokens/color-tokens.ts index 92e67e53d8..72833f427a 100644 --- a/desktop/packages/mullvad-vpn/src/renderer/lib/foundations/tokens/color-tokens.ts +++ b/desktop/packages/mullvad-vpn/src/renderer/lib/foundations/tokens/color-tokens.ts @@ -1,36 +1,3 @@ -export enum DeprecatedColorTokens { - darkerBlue = 'rgba(25, 38, 56, 0.95)', - darkBlue = 'rgb(25, 46, 69)', - blue = 'rgb(41, 77, 115)', - darkGreen = 'rgb(32, 84, 37)', - green = 'rgb(68, 173, 77)', - red = 'rgb(227, 64, 57)', - darkYellow = 'rgb(142, 78, 19)', - yellow = 'rgb(255, 213, 36)', - black = 'rgb(0, 0, 0)', - white = 'rgb(255, 255, 255)', - white90 = 'rgba(255, 255, 255, 0.9)', - white80 = 'rgba(255, 255, 255, 0.8)', - white60 = 'rgba(255, 255, 255, 0.6)', - white50 = 'rgba(255, 255, 255, 0.5)', - white40 = 'rgba(255, 255, 255, 0.4)', - white20 = 'rgba(255, 255, 255, 0.2)', - white10 = 'rgba(255, 255, 255, 0.1)', - blue10 = 'rgba(41, 77, 115, 0.1)', - blue20 = 'rgba(41, 77, 115, 0.2)', - blue40 = 'rgba(41, 77, 115, 0.4)', - blue50 = 'rgba(41, 77, 115, 0.5)', - blue60 = 'rgba(41, 77, 115, 0.6)', - blue80 = 'rgba(41, 77, 115, 0.8)', - red95 = 'rgba(227, 64, 57, 0.95)', - red80 = 'rgba(227, 64, 57, 0.8)', - red60 = 'rgba(227, 64, 57, 0.6)', - red45 = 'rgba(227, 64, 57, 0.45)', - red40 = 'rgba(227, 64, 57, 0.4)', - green90 = 'rgba(68, 173, 77, 0.9)', - green40 = 'rgba(68, 173, 77, 0.4)', -} - export const colorTokens = { white: 'rgb(255, 255, 255)', whiteAlpha80: 'rgba(255, 255, 255, 0.8)', diff --git a/desktop/packages/mullvad-vpn/src/renderer/lib/foundations/variables/color-variables.ts b/desktop/packages/mullvad-vpn/src/renderer/lib/foundations/variables/color-variables.ts index 321616d39c..15279631a2 100644 --- a/desktop/packages/mullvad-vpn/src/renderer/lib/foundations/variables/color-variables.ts +++ b/desktop/packages/mullvad-vpn/src/renderer/lib/foundations/variables/color-variables.ts @@ -1,70 +1,4 @@ -import { colorTokens, DeprecatedColorTokens } from '../tokens'; - -export const deprecatedColors = { - '--color-darker-blue': DeprecatedColorTokens.darkerBlue, - '--color-dark-blue': DeprecatedColorTokens.darkBlue, - '--color-blue': DeprecatedColorTokens.blue, - '--color-dark-green': DeprecatedColorTokens.darkGreen, - '--color-green': DeprecatedColorTokens.green, - '--color-red': DeprecatedColorTokens.red, - '--color-darkYellow': DeprecatedColorTokens.darkYellow, - '--color-yellow': DeprecatedColorTokens.yellow, - '--color-black': DeprecatedColorTokens.black, - '--color-white': DeprecatedColorTokens.white, - '--color-white-90': DeprecatedColorTokens.white90, - '--color-white-80': DeprecatedColorTokens.white80, - '--color-white-60': DeprecatedColorTokens.white60, - '--color-white-50': DeprecatedColorTokens.white50, - '--color-white-40': DeprecatedColorTokens.white40, - '--color-white-20': DeprecatedColorTokens.white20, - '--color-white-10': DeprecatedColorTokens.white10, - '--color-blue10': DeprecatedColorTokens.blue10, - '--color-blue-20': DeprecatedColorTokens.blue20, - '--color-blue-40': DeprecatedColorTokens.blue40, - '--color-blue-50': DeprecatedColorTokens.blue50, - '--color-blue-60': DeprecatedColorTokens.blue60, - '--color-blue-80': DeprecatedColorTokens.blue80, - '--color-red-95': DeprecatedColorTokens.red95, - '--color-red-80': DeprecatedColorTokens.red80, - '--color-red-60': DeprecatedColorTokens.red60, - '--color-red-45': DeprecatedColorTokens.red45, - '--color-red-40': DeprecatedColorTokens.red40, - '--color-green-90': DeprecatedColorTokens.green90, - '--color-green-40': DeprecatedColorTokens.green40, -}; - -export enum DeprecatedColors { - darkerBlue = 'var(--color-darker-blue)', - darkBlue = 'var(--color-dark-blue)', - blue = 'var(--color-blue)', - darkGreen = 'var(--color-dark-green)', - green = 'var(--color-green)', - red = 'var(--color-red)', - darkYellow = 'var(--color-dark-yellow)', - yellow = 'var(--color-yellow)', - black = 'var(--color-black)', - white = 'var(--color-white)', - white90 = 'var(--color-white-90)', - white80 = 'var(--color-white-80)', - white60 = 'var(--color-white-60)', - white50 = 'var(--color-white-50)', - white40 = 'var(--color-white-40)', - white20 = 'var(--color-white-20)', - white10 = 'var(--color-white-10)', - blue10 = 'var(--color-blue-10)', - blue20 = 'var(--color-blue-20)', - blue40 = 'var(--color-blue-40)', - blue50 = 'var(--color-blue-50)', - blue60 = 'var(--color-blue-60)', - blue80 = 'var(--color-blue-80)', - red95 = 'var(--color-red-95)', - red80 = 'var(--color-red-80)', - red60 = 'var(--color-red-60)', - red45 = 'var(--color-red-45)', - red40 = 'var(--color-red-40)', - green90 = 'var(--color-green-90)', - green40 = 'var(--color-green-40)', -} +import { colorTokens } from '../tokens'; export const colorPrimitives = { '--color-white': colorTokens.white, |