From 88757ce4885a2ac28883f58b3f5e9bc300a66df4 Mon Sep 17 00:00:00 2001
From: JimmFly <yangjinfei001@gmail.com>
Date: Thu, 1 Jun 2023 12:38:14 +0800
Subject: [PATCH] chore: update all page style (#2638)

---
 .../components/page-list/components/title-cell.tsx | 14 ++++++++++++--
 .../src/components/page-list/view/view-list.css.ts |  3 ++-
 2 files changed, 14 insertions(+), 3 deletions(-)

diff --git a/packages/component/src/components/page-list/components/title-cell.tsx b/packages/component/src/components/page-list/components/title-cell.tsx
index 6e198e575..dd5285566 100644
--- a/packages/component/src/components/page-list/components/title-cell.tsx
+++ b/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>
               )}
diff --git a/packages/component/src/components/page-list/view/view-list.css.ts b/packages/component/src/components/page-list/view/view-list.css.ts
index d4f06b831..a1f2c4d6b 100644
--- a/packages/component/src/components/page-list/view/view-list.css.ts
+++ b/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({