feat: upgrate to new theme (#2027)

Co-authored-by: Himself65 <himself65@outlook.com>

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

@@ -47,7 +47,6 @@ const FavoriteTag: React.FC<FavoriteTagProps> = ({
   pageMeta: { favorite },
   onClick,
 }) => {
-  const theme = useTheme();
   const { t } = useTranslation();
   return (
     <Tooltip
@@ -64,7 +63,9 @@ const FavoriteTag: React.FC<FavoriteTagProps> = ({
           );
         }}
         style={{
-          color: favorite ? theme.colors.primaryColor : theme.colors.iconColor,
+          color: favorite
+            ? 'var(--affine-primary-color)'
+            : 'var(--affine-icon-color)',
         }}
         className={favorite ? '' : 'favorite-button'}
       >

apps/web/src/components/blocksuite/block-suite-page-list/page-list/styles.ts

@@ -22,7 +22,7 @@ export const StyledTitleWrapper = styled('div')(({ theme }) => {
       color: 'unset',
     },
     'a:hover': {
-      color: theme.colors.primaryColor,
+      color: 'var(--affine-primary-color)',
     },
   };
 });
@@ -31,11 +31,11 @@ export const StyledTitleLink = styled('div')(({ theme }) => {
     maxWidth: '80%',
     marginRight: '18px',
     ...displayFlex('flex-start', 'center'),
-    color: theme.colors.textColor,
+    color: 'var(--affine-text-primary-color)',
     '>svg': {
       fontSize: '24px',
       marginRight: '12px',
-      color: theme.colors.iconColor,
+      color: 'var(--affine-icon-color)',
     },
   };
 });