chore: fix color (#2049)

Co-authored-by: JimmFly <yangjinfei001@gmail.com>

apps/web/src/components/blocksuite/workspace-header/editor-mode-switch/style.ts

@@ -4,17 +4,12 @@ export const StyledEditorModeSwitch = styled('div')<{
   switchLeft: boolean;
   showAlone?: boolean;
 }>(({ theme, switchLeft, showAlone }) => {
-  const {
-    palette: { mode },
-  } = theme;
   return {
     width: showAlone ? '40px' : '78px',
     height: '32px',
     background: showAlone
       ? 'transparent'
-      : mode === 'dark'
-      ? '#242424'
-      : '#F9F9FB',
+      : 'var(--affine-background-primary-color)',
     borderRadius: '12px',
     ...displayFlex('space-between', 'center'),
     padding: '0 8px',
@@ -26,10 +21,7 @@ export const StyledEditorModeSwitch = styled('div')<{
       width: '24px',
       height: '24px',
       background: 'var(--affine-background-primary-color)',
-      boxShadow:
-        mode === 'dark'
-          ? '0px 0px 6px rgba(22, 22, 22, 0.6)'
-          : '0px 0px 6px #E2E2E2',
+      boxShadow: 'var(--affine-tooltip-shadow)',
       borderRadius: '8px',
       zIndex: 1,
       position: 'absolute',