chore: update block card styles (#3290)

packages/component/src/components/card/block-card/styles.css.ts

@@ -5,21 +5,22 @@ export const blockCard = style({
   gap: '12px',
   padding: '8px 12px',
   color: 'var(--affine-text-primary-color)',
-  backgroundColor: 'var(--affine-background-primary-color)',
-  borderRadius: '4px',
+  backgroundColor: 'var(--affine-white-80)',
+  borderRadius: '8px',
   userSelect: 'none',
   cursor: 'pointer',
   textAlign: 'start',
+  boxShadow: 'var(--affine-shadow-1)',
   selectors: {
     '&:hover': {
-      boxShadow: 'var(--affine-shadow-1)',
+      backgroundColor: 'var(--affine-hover-color)',
     },
     '&[aria-disabled]': {
       color: 'var(--affine-text-disable-color)',
     },
     '&[aria-disabled]:hover': {
+      backgroundColor: 'var(--affine-white-80)',
       cursor: 'not-allowed',
-      boxShadow: 'none',
     },
     // TODO active styles
   },

packages/component/src/components/import-page/index.css.ts

@@ -7,8 +7,10 @@ export const importPageContainerStyle = style({
   flexDirection: 'column',
   justifyContent: 'center',
   alignItems: 'center',
-  borderRadius: '16px',
-  boxShadow: 'var(--affine-shadow-1)',
+  borderRadius: '12px',
+  boxShadow: 'var(--affine-popover-shadow)',
+  background: 'var(--affine-background-overlay-panel-color)',
+  overflow: 'hidden',
 });
 
 export const importPageBodyStyle = style({

packages/component/src/components/page-list/components/new-page-buttton.tsx

@@ -66,7 +66,10 @@ export const NewPageButton = ({
       onClickAway={() => {
         setOpen(false);
       }}
-      menuStyles={{ padding: '0px' }}
+      menuStyles={{
+        padding: '0px',
+        background: 'var(--affine-background-overlay-panel-color)',
+      }}
       content={
         <CreateNewPagePopup
           createNewPage={() => {