From d6235453c9b5f297b95edd58864fe26268239318 Mon Sep 17 00:00:00 2001 From: Eric Bailey Date: Fri, 9 Feb 2024 11:52:32 -0600 Subject: Design system tweaks (#2822) * Tweak palette, theme naming, update usages * Update Typography, replace the few usages --- src/components/forms/ToggleButton.tsx | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) (limited to 'src/components/forms/ToggleButton.tsx') diff --git a/src/components/forms/ToggleButton.tsx b/src/components/forms/ToggleButton.tsx index 5cd51d794..90790f9fc 100644 --- a/src/components/forms/ToggleButton.tsx +++ b/src/components/forms/ToggleButton.tsx @@ -25,7 +25,7 @@ export function Group({children, multiple, ...props}: GroupProps) { a.border, a.rounded_sm, a.overflow_hidden, - t.atoms.border, + t.atoms.border_contrast_low, ]}> {children} @@ -103,7 +103,7 @@ function ButtonInner({children}: React.PropsWithChildren<{}>) { }), a.px_sm, t.atoms.bg, - t.atoms.border, + t.atoms.border_contrast_low, baseStyles, activeStyles, (state.hovered || state.focused || state.pressed) && hoverStyles, @@ -113,7 +113,7 @@ function ButtonInner({children}: React.PropsWithChildren<{}>) { style={[ a.text_center, a.font_bold, - t.atoms.text_contrast_500, + t.atoms.text_contrast_medium, textStyles, ]}> {children} -- cgit 1.4.1