chore: non-primary button colors
This commit is contained in:
@@ -5,19 +5,19 @@ export type ButtonStyle = 'default' | 'contrast' | 'neutral' | 'info' | 'warning
|
|||||||
const getColorsForNormalVariant = (style: ButtonStyle) => {
|
const getColorsForNormalVariant = (style: ButtonStyle) => {
|
||||||
switch (style) {
|
switch (style) {
|
||||||
case 'default':
|
case 'default':
|
||||||
return 'bg-default text-text'
|
return 'bg-passive-5 text-text'
|
||||||
case 'contrast':
|
case 'contrast':
|
||||||
return 'bg-default text-contrast'
|
return 'bg-passive-5 text-contrast'
|
||||||
case 'neutral':
|
case 'neutral':
|
||||||
return 'bg-default text-neutral'
|
return 'bg-passive-5 text-neutral'
|
||||||
case 'info':
|
case 'info':
|
||||||
return 'bg-default text-info'
|
return 'bg-passive-5 text-info'
|
||||||
case 'warning':
|
case 'warning':
|
||||||
return 'bg-default text-warning'
|
return 'bg-passive-5 text-warning'
|
||||||
case 'danger':
|
case 'danger':
|
||||||
return 'bg-default text-danger'
|
return 'bg-passive-5 text-danger'
|
||||||
case 'success':
|
case 'success':
|
||||||
return 'bg-default text-success'
|
return 'bg-passive-5 text-success'
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -24,7 +24,7 @@ export const Text: FunctionComponent<Props> = ({ children, className }) => (
|
|||||||
)
|
)
|
||||||
|
|
||||||
const buttonClasses =
|
const buttonClasses =
|
||||||
'block bg-default text-text rounded border-solid \
|
'block bg-passive-5 text-text rounded border-solid \
|
||||||
border px-4 py-1.5 font-bold text-base lg:text-sm w-fit \
|
border px-4 py-1.5 font-bold text-base lg:text-sm w-fit \
|
||||||
focus:bg-contrast hover:bg-contrast border-border'
|
focus:bg-contrast hover:bg-contrast border-border'
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user