diff options
| author | Oliver <oliver@mohlin.dev> | 2025-05-19 09:52:46 +0200 |
|---|---|---|
| committer | Tobias Järvelöv <tobias.jarvelov@mullvad.net> | 2025-05-19 14:28:48 +0200 |
| commit | 9c11fdb4799c2b5a96ce23b743b571ea35ae95ea (patch) | |
| tree | fb3d3cfe984d13955eecfab531da4e5d29d4012f | |
| parent | 34dc845a751ecde7e89df1007268e8fe0c3290d7 (diff) | |
| download | mullvadvpn-9c11fdb4799c2b5a96ce23b743b571ea35ae95ea.tar.xz mullvadvpn-9c11fdb4799c2b5a96ce23b743b571ea35ae95ea.zip | |
Add transparent color token and variable
| -rw-r--r-- | desktop/packages/mullvad-vpn/src/renderer/lib/foundations/tokens/color-tokens.ts | 2 | ||||
| -rw-r--r-- | desktop/packages/mullvad-vpn/src/renderer/lib/foundations/variables/color-variables.ts | 4 |
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; |