summaryrefslogtreecommitdiffhomepage
diff options
context:
space:
mode:
-rw-r--r--desktop/packages/mullvad-vpn/src/renderer/lib/foundations/tokens/color-tokens.ts2
-rw-r--r--desktop/packages/mullvad-vpn/src/renderer/lib/foundations/variables/color-variables.ts4
2 files changed, 6 insertions, 0 deletions
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 de3ef201ab..92e67e53d8 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
@@ -91,4 +91,6 @@ export const colorTokens = {
chalkAlpha80: 'rgba(248, 247, 241, 0.8)',
chalkAlpha40: 'rgba(248, 247, 241, 0.4)',
chalk80: 'rgb(246, 242, 213)',
+
+ transparent: 'transparent',
} as const;
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 4a171e1658..321616d39c 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
@@ -126,6 +126,8 @@ export const colorPrimitives = {
'--color-chalk-alpha80': colorTokens.chalkAlpha80,
'--color-chalk-alpha40': colorTokens.chalkAlpha40,
'--color-chalk80': colorTokens.chalk80,
+
+ '--transparent': 'transparent',
} as const;
export const colors: Record<keyof typeof colorTokens, `var(${keyof typeof colorPrimitives})`> = {
@@ -188,6 +190,8 @@ export const colors: Record<keyof typeof colorTokens, `var(${keyof typeof colorP
chalkAlpha40: 'var(--color-chalk-alpha40)',
chalkAlpha80: 'var(--color-chalk-alpha80)',
chalk80: 'var(--color-chalk80)',
+
+ transparent: 'var(--transparent)',
} as const;
export type Colors = keyof typeof colors;