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)',
-          },
         },
   };
 });

packages/theme/src/index.ts

@@ -48,7 +48,7 @@ export const baseTheme = {
   zIndexPopover: '100',
 
   paragraphSpace: '8px',
-  popoverRadius: '10px',
+  popoverRadius: '12px',
 
   zoom: '1',
   scale: 'calc(1 / var(--affine-zoom))',
@@ -73,7 +73,7 @@ export const lightTheme = {
   backgroundSecondaryColor: 'rgb(251, 250, 252)',
   backgroundTertiaryColor: 'rgb(233, 233, 236)',
   backgroundCodeBlock: 'rgb(250, 251, 253)',
-  backgroundModalColor: 'rgba(0, 0, 0, 0.6)',
+  backgroundModalColor: 'rgba(0, 0, 0, 0.4)',
   textPrimaryColor: 'rgb(66, 65, 73)',
   textSecondaryColor: 'rgb(142, 141, 145)',
   textDisableColor: 'rgb(169, 169, 173)',
@@ -197,7 +197,7 @@ export const darkTheme = {
   backgroundSuccessColor: 'rgba(8, 21, 18, 1)',
   backgroundPrimaryColor: 'rgb(20, 20, 20)',
   backgroundSecondaryColor: 'rgb(32, 32, 32)',
-  backgroundModalColor: 'rgba(0, 0, 0, 0.8)',
+  backgroundModalColor: 'rgba(0, 0, 0, 0.5)',
   backgroundOverlayPanelColor: 'rgb(30, 30, 30)',
   tagBlue: 'rgba(8, 67, 136, 1)',
   tagGreen: 'rgba(44, 108, 63, 1)',