diff options
| author | Oskar Nyberg <oskar@mullvad.net> | 2021-08-17 13:09:22 +0200 |
|---|---|---|
| committer | Oskar Nyberg <oskar@mullvad.net> | 2021-08-27 09:34:52 +0200 |
| commit | cff35c1661a13c4ab8585e75d0b9eb8f2eaaaf61 (patch) | |
| tree | 7b82d425e43c4aab3ff1ba623d6f67b8d8700eb9 /gui/src | |
| parent | fee9b131b3f1592b7c9089307b19676220fbee7b (diff) | |
| download | mullvadvpn-cff35c1661a13c4ab8585e75d0b9eb8f2eaaaf61.tar.xz mullvadvpn-cff35c1661a13c4ab8585e75d0b9eb8f2eaaaf61.zip | |
Set correct icon opacity in css
Diffstat (limited to 'gui/src')
| -rw-r--r-- | gui/src/renderer/components/AdvancedSettings.tsx | 4 | ||||
| -rw-r--r-- | gui/src/renderer/components/NavigationBar.tsx | 6 | ||||
| -rw-r--r-- | gui/src/renderer/components/SplitTunnelingSettings.tsx | 8 | ||||
| -rw-r--r-- | gui/src/renderer/components/cell/List.tsx | 2 |
4 files changed, 10 insertions, 10 deletions
diff --git a/gui/src/renderer/components/AdvancedSettings.tsx b/gui/src/renderer/components/AdvancedSettings.tsx index dce018d02a..142477d951 100644 --- a/gui/src/renderer/components/AdvancedSettings.tsx +++ b/gui/src/renderer/components/AdvancedSettings.tsx @@ -258,8 +258,8 @@ export default class AdvancedSettings extends React.Component<IProps, IState> { source="icon-add" width={22} height={22} - tintColor={colors.white60} - tintHoverColor={colors.white80} + tintColor={colors.white40} + tintHoverColor={colors.white60} tabIndex={-1} /> </StyledAddCustomDnsButton> diff --git a/gui/src/renderer/components/NavigationBar.tsx b/gui/src/renderer/components/NavigationBar.tsx index 65a1e991ad..9af5a4b615 100644 --- a/gui/src/renderer/components/NavigationBar.tsx +++ b/gui/src/renderer/components/NavigationBar.tsx @@ -200,8 +200,8 @@ export function CloseBarItem(props: ICloseBarItemProps) { height={24} width={24} source={'icon-close-down'} - tintColor={colors.white60} - tintHoverColor={colors.white80} + tintColor={colors.white40} + tintHoverColor={colors.white60} /> </StyledCloseBarItemButton> ); @@ -215,7 +215,7 @@ interface IBackBarItemProps { export function BackBarItem(props: IBackBarItemProps) { return ( <StyledBackBarItemButton onClick={props.action}> - <StyledBackBarItemIcon source="icon-back" tintColor={colors.white60} /> + <StyledBackBarItemIcon source="icon-back" tintColor={colors.white40} /> <StyledBackBarItemLabel>{props.children}</StyledBackBarItemLabel> </StyledBackBarItemButton> ); diff --git a/gui/src/renderer/components/SplitTunnelingSettings.tsx b/gui/src/renderer/components/SplitTunnelingSettings.tsx index e60cfb243e..64faf178f2 100644 --- a/gui/src/renderer/components/SplitTunnelingSettings.tsx +++ b/gui/src/renderer/components/SplitTunnelingSettings.tsx @@ -530,8 +530,8 @@ function ApplicationRow<T extends IApplication>(props: IApplicationRowProps<T>) width={24} height={24} onClick={onSelect} - tintColor={colors.white60} - tintHoverColor={colors.white80} + tintColor={colors.white40} + tintHoverColor={colors.white60} /> )} {props.onRemove && ( @@ -540,8 +540,8 @@ function ApplicationRow<T extends IApplication>(props: IApplicationRowProps<T>) width={24} height={24} onClick={onRemove} - tintColor={colors.white60} - tintHoverColor={colors.white80} + tintColor={colors.white40} + tintHoverColor={colors.white60} /> )} </Cell.CellButton> diff --git a/gui/src/renderer/components/cell/List.tsx b/gui/src/renderer/components/cell/List.tsx index cd99a052cb..69c9fff427 100644 --- a/gui/src/renderer/components/cell/List.tsx +++ b/gui/src/renderer/components/cell/List.tsx @@ -112,7 +112,7 @@ function CellListItem<T>(props: ICellListItemProps<T>) { source="icon-close" width={22} height={22} - tintColor={colors.white60} + tintColor={colors.white40} /> </StyledRemoveButton> </AriaDescribed> |