diff options
| author | Oskar <oskar@mullvad.net> | 2024-08-16 13:44:58 +0200 |
|---|---|---|
| committer | Oskar <oskar@mullvad.net> | 2024-08-21 17:05:50 +0200 |
| commit | 86da8428eae571b22dee94a99e5ae00812516f7e (patch) | |
| tree | a118387674ead93ef829e42210b08cc1783b11de /gui | |
| parent | f6d1f4897ed411c501a123dcc6fd6f5c8c1533e0 (diff) | |
| download | mullvadvpn-86da8428eae571b22dee94a99e5ae00812516f7e.tar.xz mullvadvpn-86da8428eae571b22dee94a99e5ae00812516f7e.zip | |
Add green to the possible colors of SmallButton
Diffstat (limited to 'gui')
| -rw-r--r-- | gui/src/renderer/components/SmallButton.tsx | 6 |
1 files changed, 6 insertions, 0 deletions
diff --git a/gui/src/renderer/components/SmallButton.tsx b/gui/src/renderer/components/SmallButton.tsx index e462a002b3..e88d719952 100644 --- a/gui/src/renderer/components/SmallButton.tsx +++ b/gui/src/renderer/components/SmallButton.tsx @@ -8,6 +8,7 @@ import { MultiButtonCompatibleProps } from './MultiButton'; export enum SmallButtonColor { blue, red, + green, } function getButtonColors(color?: SmallButtonColor, disabled?: boolean) { @@ -17,6 +18,11 @@ function getButtonColors(color?: SmallButtonColor, disabled?: boolean) { background: disabled ? colors.red60 : colors.red, backgroundHover: disabled ? colors.red60 : colors.red80, }; + case SmallButtonColor.green: + return { + background: disabled ? colors.green40 : colors.green, + backgroundHover: disabled ? colors.green40 : colors.green90, + }; default: return { background: disabled ? colors.blue50 : colors.blue, |