chore: change divider style (#3826)

apps/core/package.json

@@ -39,7 +39,7 @@
     "@emotion/styled": "^11.11.0",
     "@mui/material": "^5.14.5",
     "@react-hookz/web": "^23.1.0",
-    "@toeverything/components": "^0.0.11",
+    "@toeverything/components": "^0.0.12",
     "async-call-rpc": "^6.3.1",
     "cmdk": "^0.2.0",
     "css-spring": "^4.1.0",

apps/core/src/components/blocksuite/block-suite-header-title/operation-menu.tsx

@@ -144,7 +144,7 @@ export const PageMenu = ({ rename, pageId }: PageMenuProps) => {
       >
         {t['com.affine.header.option.add-tag']()}
       </MenuItem> */}
-      <Divider />
+      <Divider size="thinner" dividerColor="var(--affine-border-color)" />
       <MenuItem
         icon={<DuplicateIcon />}
         data-testid="editor-option-menu-duplicate"
@@ -162,7 +162,7 @@ export const PageMenu = ({ rename, pageId }: PageMenuProps) => {
         {t['Import']()}
       </MenuItem>
       <Export />
-      <Divider />
+      <Divider size="thinner" dividerColor="var(--affine-border-color)" />
       <MoveToTrash
         data-testid="editor-option-menu-delete"
         onItemClick={() => {

apps/core/src/components/pure/workspace-list-modal/index.tsx

@@ -61,14 +61,14 @@ const AccountMenu = () => {
   return (
     <div>
       <div>Unlimted</div>
-      <Divider></Divider>
+      <Divider size="thinner" dividerColor="var(--affine-border-color)" />
       <MenuItem icon={<ImportIcon />} data-testid="editor-option-menu-import">
         {t['com.affine.workspace.cloud.join']()}
       </MenuItem>
       <MenuItem icon={<ImportIcon />} data-testid="editor-option-menu-import">
         {t['com.affine.workspace.cloud.account.settings']()}
       </MenuItem>
-      <Divider></Divider>
+      <Divider size="thinner" dividerColor="var(--affine-border-color)" />
       <MenuItem icon={<ImportIcon />} data-testid="editor-option-menu-import">
         {t['com.affine.workspace.cloud.account.logout']()}
       </MenuItem>
@@ -140,7 +140,7 @@ const CloudWorkSpaceList = ({
             [onMoveWorkspace]
           )}
         />
-        <Divider />
+        <Divider size="thinner" dividerColor="var(--affine-border-color)" />
       </StyledModalContent>
     </>
   );
@@ -211,7 +211,7 @@ export const WorkspaceListModal = ({
             </StyledCreateWorkspaceCardPillContent>
           </MenuItem>
         </StyledSignInCardPill>
-        <Divider />
+        <Divider size="thinner" dividerColor="var(--affine-border-color)" />
       </StyledModalHeaderContent>
       <StyledModalBody>
         {isLoggedIn ? (