fix(tablekit-react-select): update various visuals

tablecheck · Jun 7, 2024 · 04e52c1 · 04e52c1
1 parent 52429b3
commit 04e52c1
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 3 deletions.
diff --git a/system/core/src/components/MenuItem.ts b/system/core/src/components/MenuItem.ts
@@ -35,7 +35,7 @@ export const fullStylesObject: CSSObject = {
   '&, &:any-link, &:hover': {
     color: 'var(--text)'
   },
-  padding: 'var(--spacing-l3)',
+  padding: 'var(--spacing-l2)',
   borderRadius: 'var(--border-radius-small)',
   display: 'grid',
   gridGap: 'var(--spacing-l2)',

diff --git a/system/core/src/components/MenuList.ts b/system/core/src/components/MenuList.ts
@@ -18,6 +18,10 @@ export const fullStylesObject: CSSObject = {
   gridGap: 'var(--spacing-l1)',
   listStyle: 'none',
   alignItems: 'stretch',
+  borderColor: 'var(--border-transparent)',
+  borderRadius: 'var(--border-radius-small)',
+  borderStyle: 'solid',
+  borderWidth: '1px',
   '& > li': {
     display: 'flex',
     justifyContent: 'stretch'

diff --git a/system/core/src/themeVariables/theme.ts b/system/core/src/themeVariables/theme.ts
@@ -206,7 +206,7 @@ export const darkColors = css`
   --surface-disabled: rgba(75, 75, 75, 1);
   --surface-hover: rgba(41, 41, 41, 1);
   --surface-hover-transparent: rgba(255, 255, 255, 0.05);
-  --surface-low: rgba(18, 18, 18, 1);
+  --surface-low: rgba(26, 26, 26, 1);
   --surface-low-active: rgba(76, 68, 92, 1);
   --surface-low-hover: rgba(41, 41, 41, 1);
   --surface-low-hover-transparent: rgba(255, 255, 255, 0.05);
@@ -277,7 +277,7 @@ export const darkColorsObject = {
   'surface-disabled': 'rgba(75, 75, 75, 1)',
   'surface-hover': 'rgba(41, 41, 41, 1)',
   'surface-hover-transparent': 'rgba(255, 255, 255, 0.05)',
-  'surface-low': 'rgba(18, 18, 18, 1)',
+  'surface-low': 'rgba(26, 26, 26, 1)',
   'surface-low-active': 'rgba(76, 68, 92, 1)',
   'surface-low-hover': 'rgba(41, 41, 41, 1)',
   'surface-low-hover-transparent': 'rgba(255, 255, 255, 0.05)',