Fix the utility text color in menus, make theme switcher smaller

2022-07-09 17:08:49 -07:00
parent 0f1c2f0656
commit 215d9cfc36
4 changed files with 9 additions and 7 deletions
--- a/packages/web/components/elements/Button.tsx
+++ b/packages/web/components/elements/Button.tsx
@ -183,8 +183,8 @@ export const Button = styled('button', {
        p: '0px',
        m: '0px',
        ml: '0px',
-        width: '68px',
-        height: '52px',
+        width: '60px',
+        height: '48px',
        fontSize: '14px',
        border: 'unset',
        borderRadius: '6px',
--- a/packages/web/components/elements/DropdownElements.tsx
+++ b/packages/web/components/elements/DropdownElements.tsx
@ -19,7 +19,7 @@ const itemStyles = {
  px: '24px',
  borderRadius: 3,
  cursor: 'default',
-  color: '$grayText',
+  color: '$utilityTextDefault',

  '&:focus': {
    outline: 'none',
@ -106,7 +106,7 @@ const StyledArrow = styled(Arrow, {
 })

 const StyledLabel = styled(Label, {
-  color: '$grayText',
+  color: '$utilityTextDefault',
  fontSize: 13,
  padding: '5px 10px',
  cursor: 'default',