Skip to content

Commit

Permalink
Update secondary background colors to be transparent
Browse files Browse the repository at this point in the history
  • Loading branch information
narin committed Nov 21, 2023
1 parent 6dd70d6 commit 22fc2d4
Showing 1 changed file with 4 additions and 8 deletions.
12 changes: 4 additions & 8 deletions packages/components/src/components/Button/Button.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -72,17 +72,15 @@ export const Button: React.FC<ButtonProps> = ({
}
break
case ButtonVariants.BaseSecondary:
bgColor = DesignTokens.colorWhite
bgColorPressed = DesignTokens.colorWhite
bgColor = 'transparent'
bgColorPressed = 'transparent'
borderColor = DesignTokens.colorGrayMedium
borderColorPressed = DesignTokens.colorUswdsSystemColorGray80
textColor = DesignTokens.colorGrayMedium
textColorPressed = DesignTokens.colorUswdsSystemColorGray80
borderWidth = 2

if (isDarkMode) {
bgColor = DesignTokens.colorBlack
bgColorPressed = DesignTokens.colorBlack
borderColor = DesignTokens.colorGrayLightest
borderColorPressed = DesignTokens.colorUswdsSystemColorGray30
textColor = DesignTokens.colorGrayLightest
Expand All @@ -103,17 +101,15 @@ export const Button: React.FC<ButtonProps> = ({
}
break
case ButtonVariants.Secondary:
bgColor = DesignTokens.colorWhite
bgColorPressed = DesignTokens.colorWhite
bgColor = 'transparent'
bgColorPressed = 'transparent'
borderColor = DesignTokens.colorUswdsSystemColorBlueVivid60
borderColorPressed = DesignTokens.colorUswdsSystemColorBlueWarmVivid80
textColor = DesignTokens.colorUswdsSystemColorBlueVivid60
textColorPressed = DesignTokens.colorUswdsSystemColorBlueWarmVivid80
borderWidth = 2

if (isDarkMode) {
bgColor = DesignTokens.colorBlack
bgColorPressed = DesignTokens.colorBlack
borderColor = DesignTokens.colorUswdsSystemColorBlueVivid60
borderColorPressed = DesignTokens.colorWhite
textColor = DesignTokens.colorUswdsSystemColorBlueVivid30
Expand Down

0 comments on commit 22fc2d4

Please sign in to comment.