summaryrefslogtreecommitdiffhomepage
diff options
context:
space:
mode:
authorOliver <oliver@mohlin.dev>2025-05-06 09:20:50 +0200
committerTobias Järvelöv <tobias.jarvelov@mullvad.net>2025-05-19 14:28:48 +0200
commit133b935149ab90d975b028de0dcf692240977e70 (patch)
tree4eb72bd8b4bc475493d18abb89ab28bb6792903c
parent3f5e1c8a32ad127224f2b4f409e9c87006f2862b (diff)
downloadmullvadvpn-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.ts76
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;