chore: update all page style (#2638)

packages/component/src/components/page-list/components/title-cell.tsx

@@ -29,11 +29,21 @@ export const TitleCell = React.forwardRef<HTMLTableCellElement, TitleCellProps>(
           <StyledTitleLink>
             {icon}
             <StyledTitleContentWrapper>
-              <Content ellipsis={true} maxWidth="100%" color="inherit">
+              <Content
+                ellipsis={true}
+                maxWidth="100%"
+                color="inherit"
+                fontSize="var(--affine-font-sm)"
+                weight="600"
+                lineHeight="18px"
+              >
                 {text}
               </Content>
               {desc && (
-                <StyledTitlePreview ellipsis={true} color="inherit">
+                <StyledTitlePreview
+                  ellipsis={true}
+                  color="var(--affine-text-secondary-color)"
+                >
                   {desc}
                 </StyledTitlePreview>
               )}

packages/component/src/components/page-list/view/view-list.css.ts

@@ -5,12 +5,13 @@ export const filterButton = style({
   height: '100%',
   padding: '4px 8px',
   fontSize: 'var(--affine-font-xs)',
-  background: 'var(--affine-hover-color)',
+  background: 'var(--affine-white)',
   color: 'var(--affine-text-secondary-color)',
   border: '1px solid var(--affine-border-color)',
   transition: 'margin-left 0.2s ease-in-out',
   ':hover': {
     borderColor: 'var(--affine-border-color)',
+    background: 'var(--affine-hover-color)',
   },
 });
 export const filterButtonCollapse = style({