Add support for secondary button
This commit is contained in:
parent
c0e3c822dd
commit
e4e76d9661
2 changed files with 8 additions and 0 deletions
|
@ -33,6 +33,10 @@ function getTheme({ style, name }) {
|
|||
"button.foreground": pick({ light: primer.white, dark: primer.green[8] }),
|
||||
"button.hoverBackground": pick({ light: "#138934", dark: primer.green[3] }),
|
||||
|
||||
"button.secondaryBackground": pick({ light: primer.gray[2], dark: primer.gray[2]}),
|
||||
"button.secondaryForeground": primer.black,
|
||||
"button.secondaryHoverBackground": pick({ light: primer.gray[3], dark: primer.gray[3]}),
|
||||
|
||||
"checkbox.background": pick({ light: primer.gray[0], dark: primer.gray[2] }),
|
||||
"checkbox.border": pick({ light: primer.gray[3], dark: primer.white }),
|
||||
|
||||
|
|
|
@ -36,6 +36,10 @@ function getTheme({ theme, name }) {
|
|||
"button.background" : color.btn.primary.bg,
|
||||
"button.foreground" : color.btn.primary.text,
|
||||
"button.hoverBackground": color.btn.primary.hoverBg,
|
||||
|
||||
"button.secondaryBackground" : color.btn.activeBg,
|
||||
"button.secondaryForeground" : color.btn.text,
|
||||
"button.secondaryHoverBackground": color.btn.hoverBg,
|
||||
|
||||
"checkbox.background": color.bg.tertiary,
|
||||
"checkbox.border" : color.border.primary,
|
||||
|
|
Loading…
Reference in a new issue