chore: update menu background color (#2170)

apps/web/src/components/blocksuite/block-suite-page-list/page-list/OperationCell.tsx

@@ -69,7 +69,13 @@ export const OperationCell: React.FC<OperationCellProps> = ({
             favorite ? t('Removed from Favorites') : t('Added to Favorites')
           );
         }}
-        icon={favorite ? <FavoritedIcon /> : <FavoriteIcon />}
+        icon={
+          favorite ? (
+            <FavoritedIcon style={{ color: 'var(--affine-primary-color)' }} />
+          ) : (
+            <FavoriteIcon />
+          )
+        }
       >
         {favorite ? t('Remove from favorites') : t('Add to Favorites')}
       </MenuItem>
@@ -98,7 +104,7 @@ export const OperationCell: React.FC<OperationCellProps> = ({
       <FlexWrapper alignItems="center" justifyContent="center">
         <Menu
           content={OperationMenu}
-          placement="bottom-end"
+          // placement="bottom-end"
           disablePortal={true}
           trigger="click"
         >

apps/web/src/components/blocksuite/workspace-header/header-right-items/EditorOptionMenu.tsx

@@ -93,7 +93,7 @@ export const EditorOptionMenu = () => {
         <Menu
           width={276}
           content={EditMenu}
-          placement="bottom-end"
+          // placement="bottom-end"
           disablePortal={true}
           trigger="click"
         >

apps/web/src/components/blocksuite/workspace-header/header-right-items/UserAvatar.tsx

@@ -16,7 +16,7 @@ export const UserAvatar = () => {
     <Menu
       width={276}
       content={EditMenu}
-      placement="bottom-end"
+      // placement="bottom-end"
       disablePortal={true}
       trigger="click"
     >