fix: update sidebar shadow (#323)

apps/ligo-virgo/src/pages/workspace/docs/Page.tsx

@@ -175,7 +175,7 @@ const WorkspaceSidebar = styled('div')(({ theme }) => ({
     width: 300,
     minWidth: 300,
     borderRadius: '0px 10px 10px 0px',
-    boxShadow: theme.affine.shadows.shadow1,
+    boxShadow: theme.affine.shadows.shadow2,
     backgroundColor: '#FFFFFF',
     transitionProperty: 'left',
     transitionDuration: '0.35s',

libs/components/ui/src/theme/theme.ts

@@ -233,7 +233,10 @@ export const Theme = {
     },
     shadows: {
         none: 'none',
-        shadow1: '0px 1px 5px rgba(152, 172, 189, 0.2)',
+        shadow1:
+            '0px 1px 10px -6px rgba(24, 39, 75, 0.08), 0px 3px 16px -6px rgba(24, 39, 75, 0.04)',
+        shadow2:
+            '0px 6px 16px -8px rgba(0,0,0,0.08), 0px 9px 14px 0px rgba(0,0,0,0.05), 0px 12px 24px 16px rgba(0,0,0,0.03)',
     },
     border: ['none'],
     spacing: {