Remove deprecated colors

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,