fix(Menu): dark theme fix

src/lib/Menu/MenuItem.tsx

@@ -16,6 +16,7 @@ const Item = styled(Inline, {
   'cursor': 'pointer',
   'br': '$sm',
   'outline': 'none',
+  'color': '$text',
 
   ':hover': {
     bc: '$surfaceHover',

src/lib/theme/themes.ts

@@ -10,6 +10,7 @@ const swatches: Array<readonly [string, Swatch]> = Object.entries(palette)
     name,
     {
       colors: {
+        $text: palette.gray['$gray900'],
         $primaryStill: colors[`$${name}500` as keyof typeof colors],
         $primaryHover: colors[`$${name}600` as keyof typeof colors],
         $primaryActive: colors[`$${name}700` as keyof typeof colors],
@@ -27,13 +28,14 @@ const swatches: Array<readonly [string, Swatch]> = Object.entries(palette)
       'black',
       {
         colors: {
+          $text: '#fff',
           $primaryStill: colors['$gray800'],
           $primaryHover: colors['$gray900'],
           $primaryActive: 'black',
           $primaryLight: colors['$gray100'],
           $primaryLightActive: colors['$gray200'],
 
-          $surfaceStill: colors['$gray800'],
+          $surfaceStill: colors['$gray900'],
           $surfaceHover: colors['$gray700'],
           $surfaceActive: colors['$gray600'],
         },
@@ -49,6 +51,7 @@ type Themes = { [Shade in keyof typeof palette]: string };
 
 type Swatch = {
   colors: {
+    $text: string;
     $primaryStill: string;
     $primaryHover: string;
     $primaryActive: string;

src/pages/components/Menu.mdx

@@ -33,7 +33,7 @@ For big lists use `action` prop on `Menu.Item` and `onAction` callback to handle
 You can modify `offset` and [`placement`](https://popper.js.org/docs/v2/constructors/#options) of the dropdown menu.
 
 <Playground>
-  <ThemeProvider theme="teal">
+  <ThemeProvider theme="black">
     <Box css={{ p: '$8' }}>
       <Menu onAction={typeof window !== 'undefined' ? window.alert : null}>
         <Menu.Button>

tsconfig.json

@@ -17,7 +17,7 @@
     "jsx": "preserve",
     "baseUrl": ".",
     "paths": {
-      "@fxtrot/ui": ["build"]
+      "@fxtrot/ui": ["src/lib"]
     }
   },
   "include": ["next-env.d.ts", "src/**/*"],