diff options
| author | Oliver <oliver@mohlin.dev> | 2025-05-06 09:20:50 +0200 |
|---|---|---|
| committer | Tobias Järvelöv <tobias.jarvelov@mullvad.net> | 2025-05-19 14:28:48 +0200 |
| commit | 133b935149ab90d975b028de0dcf692240977e70 (patch) | |
| tree | 4eb72bd8b4bc475493d18abb89ab28bb6792903c | |
| parent | 3f5e1c8a32ad127224f2b4f409e9c87006f2862b (diff) | |
| download | mullvadvpn-133b935149ab90d975b028de0dcf692240977e70.tar.xz mullvadvpn-133b935149ab90d975b028de0dcf692240977e70.zip | |
Use rgb instead of rgba for colors with no transparency
| -rw-r--r-- | desktop/packages/mullvad-vpn/src/renderer/lib/foundations/tokens/color-tokens.ts | 76 |
1 files changed, 38 insertions, 38 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 32378399df..de3ef201ab 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 @@ -32,63 +32,63 @@ export enum DeprecatedColorTokens { } export const colorTokens = { - white: 'rgba(255, 255, 255, 1)', + white: 'rgb(255, 255, 255)', whiteAlpha80: 'rgba(255, 255, 255, 0.8)', whiteAlpha60: 'rgba(255, 255, 255, 0.6)', whiteAlpha40: 'rgba(255, 255, 255, 0.4)', whiteAlpha20: 'rgba(255, 255, 255, 0.2)', - black: 'rgba(0, 0, 0, 1)', + black: 'rgb(0, 0, 0)', blackAlpha50: 'rgba(0, 0, 0, 0.5)', - red: 'rgba(227, 64, 57, 1)', + red: 'rgb(227, 64, 57)', redAlpha40: 'rgba(227, 64, 57, 0.4)', - red80: 'rgba(187, 60, 59, 1)', - red40: 'rgba(106, 53, 64, 1)', + red80: 'rgb(187, 60, 59)', + red40: 'rgb(106, 53, 64)', - green: 'rgba(68, 173, 77, 1)', + green: 'rgb(68, 173, 77)', greenAlpha40: 'rgba(68, 173, 77, 0.4)', - green80: 'rgba(59, 148, 75, 1)', - green40: 'rgba(59, 148, 75, 1)', + green80: 'rgb(59, 148, 75)', + green40: 'rgb(42, 97, 72)', - yellow: 'rgba(255, 213, 36, 1)', - fur: 'rgba(210, 148, 59, 1)', - nose: 'rgba(255, 205, 134, 1)', - blue: 'rgba(41, 77, 115, 1)', - darkBlue: 'rgba(25, 46, 69, 1)', + yellow: 'rgb(255, 213, 36)', + fur: 'rgb(210, 148, 59)', + nose: 'rgb(255, 205, 134)', + blue: 'rgb(41, 77, 115)', + darkBlue: 'rgb(25, 46, 69)', - dark: 'rgba(78, 73, 73, 1)', - darkerBlue50: 'rgba(25, 38, 56, 1)', + dark: 'rgba(78, 73, 73)', + darkerBlue50: 'rgba(25, 38, 56)', darkerBlue50Alpha80: 'rgba(25, 38, 56, 0.8)', - darkerBlue10: 'rgba(16, 24, 35, 1)', + darkerBlue10: 'rgba(16, 24, 35)', darkerBlue10Alpha80: 'rgba(16, 24, 35, 0.8)', darkerBlue10Alpha40: 'rgba(16, 24, 35, 0.4)', - blue10: 'rgba(27, 49, 74, 1)', - blue20: 'rgba(28, 52, 78, 1)', - blue40: 'rgba(31, 58, 87, 1)', - blue50: 'rgba(33, 62, 92, 1)', - blue60: 'rgba(35, 65, 97, 1)', - blue80: 'rgba(38, 71, 106, 1)', + blue10: 'rgb(27, 49, 74)', + blue20: 'rgb(28, 52, 78)', + blue40: 'rgb(31, 58, 87)', + blue50: 'rgb(33, 62, 92)', + blue60: 'rgb(35, 65, 97)', + blue80: 'rgb(38, 71, 106)', - whiteOnDarkBlue5: 'rgba(37, 57, 78, 1)', - whiteOnDarkBlue10: 'rgba(48, 67, 88, 1)', - whiteOnDarkBlue20: 'rgba(71, 88, 106, 1)', - whiteOnDarkBlue40: 'rgba(117, 130, 143, 1)', - whiteOnDarkBlue50: 'rgba(140, 150, 162, 1)', - whiteOnDarkBlue60: 'rgba(163, 171, 181, 1)', - whiteOnDarkBlue80: 'rgba(209, 213, 218, 1)', + whiteOnDarkBlue5: 'rgb(37, 57, 78)', + whiteOnDarkBlue10: 'rgb(48, 67, 88)', + whiteOnDarkBlue20: 'rgb(71, 88, 106)', + whiteOnDarkBlue40: 'rgb(117, 130, 143)', + whiteOnDarkBlue50: 'rgb(140, 150, 162)', + whiteOnDarkBlue60: 'rgb(163, 171, 181)', + whiteOnDarkBlue80: 'rgb(209, 213, 218)', - whiteOnBlue5: 'rgba(56, 86, 116, 1)', - whiteOnBlue10: 'rgba(62, 95, 129, 1)', - whiteOnBlue20: 'rgba(84, 113, 143, 1)', - whiteOnBlue40: 'rgba(127, 148, 171, 1)', - whiteOnBlue50: 'rgba(148, 166, 185, 1)', - whiteOnBlue60: 'rgba(169, 184, 199, 1)', - whiteOnBlue80: 'rgba(212, 219, 227, 1)', + whiteOnBlue5: 'rgb(56, 86, 116)', + whiteOnBlue10: 'rgb(62, 95, 129)', + whiteOnBlue20: 'rgb(84, 113, 143)', + whiteOnBlue40: 'rgb(127, 148, 171)', + whiteOnBlue50: 'rgb(148, 166, 185)', + whiteOnBlue60: 'rgb(169, 184, 199)', + whiteOnBlue80: 'rgb(212, 219, 227)', - chalk: 'rgba(248, 247, 241, 1)', + chalk: 'rgb(248, 247, 241)', chalkAlpha80: 'rgba(248, 247, 241, 0.8)', chalkAlpha40: 'rgba(248, 247, 241, 0.4)', - chalk80: 'rgba(246, 242, 213, 1)', + chalk80: 'rgb(246, 242, 213)', } as const; |
