Merge pull request #91 from toeverything/fix/lighter-box-shadow

fix: lighter box shadow

libs/components/ui/src/cascader/Cascader.tsx

@@ -133,7 +133,7 @@ export function Cascader(props: CascaderProps) {
 const MenuPaper = styled('div')(({ theme }) => ({
     fontFamily: 'PingFang SC',
     background: '#FFF',
-    boxShadow: '0px 1px 10px rgba(152, 172, 189, 0.6)',
+    boxShadow: theme.affine.shadows.shadow1,
     borderRadius: '10px 0px 10px 10px',
     color: '#4C6275',
     fontWeight: '400',

libs/components/ui/src/popover/Container.tsx

@@ -12,7 +12,7 @@ const border_radius_map: Record<PopoverContainerProps['direction'], string> = {
 export const PopoverContainer = styled('div')<
     Pick<PopoverContainerProps, 'direction'>
 >(({ theme, direction, style }) => {
-    const shadow = theme.affine.shadows.shadowSxDownLg;
+    const shadow = theme.affine.shadows.shadow1;
     const white = theme.affine.palette.white;
 
     const borderRadius =

libs/components/ui/src/select/Select.tsx

@@ -117,7 +117,7 @@ const StyledListbox = styled('ul')(({ theme }) => ({
     background: '#fff',
     borderRadius: '10px',
     overflow: 'auto',
-    boxShadow: theme.affine.shadows.shadowSxDownLg,
+    boxShadow: theme.affine.shadows.shadow1,
 }));
 
 const StyledPopper = styled(PopperUnstyled)`

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

@@ -70,7 +70,7 @@ interface Typography {
 
 interface Shadows {
     none: 'none';
-    shadowSxDownLg: string;
+    shadow1: string;
 }
 
 type StringWithNone = [
@@ -225,7 +225,7 @@ export const Theme = {
     },
     shadows: {
         none: 'none',
-        shadowSxDownLg: '0px 1px 10px rgba(152, 172, 189, 0.6)',
+        shadow1: '0px 1px 5px rgba(152, 172, 189, 0.2)',
     },
     border: ['none'],
     spacing: {