fix: empty icon color error (#2686)

packages/component/src/ui/empty/empty.tsx

@@ -1,7 +1,6 @@
-import { useTheme } from 'next-themes';
 import type { CSSProperties } from 'react';
 
-import { EmptyDarkSvg, EmptyLightSvg } from './empty-svg';
+import { EmptySvg } from './empty-svg';
 import { StyledEmptyContainer } from './style';
 export type EmptyContentProps = {
   containerStyle?: CSSProperties;
@@ -14,11 +13,11 @@ export const Empty = ({
   description,
   descriptionStyle,
 }: EmptyContentProps) => {
-  const { theme } = useTheme();
-  const isDark = theme === 'dark';
   return (
     <StyledEmptyContainer style={containerStyle}>
-      {isDark ? <EmptyDarkSvg /> : <EmptyLightSvg />}
+      <div style={{ color: 'var(--affine-black)' }}>
+        <EmptySvg />
+      </div>
       <p style={{ marginTop: '30px', ...descriptionStyle }}>{description}</p>
     </StyledEmptyContainer>
   );