chore: update menu background color (#2170)

packages/component/src/components/share-menu/ShareMenu.tsx

@@ -123,7 +123,7 @@ export const ShareMenu: FC<ShareMenuProps> = props => {
     <Menu
       content={Share}
       visible={open}
-      placement="bottom-end"
+      // placement="bottom-end"
       trigger={['click']}
       width={439}
       disablePortal={true}

packages/component/src/ui/button/utils.ts

@@ -8,14 +8,14 @@ export const SIZE_CONFIG = {
   [SIZE_SMALL]: {
     iconSize: 16,
     fontSize: 16,
-    borderRadius: 6,
+    borderRadius: 4,
     height: 26,
     padding: 24,
   },
   [SIZE_MIDDLE]: {
     iconSize: 20,
     fontSize: 16,
-    borderRadius: 6,
+    borderRadius: 4,
     height: 32,
     padding: 24,
   },
@@ -24,7 +24,7 @@ export const SIZE_CONFIG = {
     fontSize: 16,
     height: 38,
     padding: 24,
-    borderRadius: 6,
+    borderRadius: 4,
   },
 } as const;
 

packages/component/src/ui/menu/styles.ts

@@ -74,11 +74,7 @@ export const StyledMenuItem = styled('button')<{
     ':hover': disabled
       ? {}
       : {
-          color: 'var(--affine-primary-color)',
           backgroundColor: 'var(--affine-hover-color)',
-          svg: {
-            color: 'var(--affine-primary-color)',
-          },
         },
   };
 });