update ui

src/views/Community/index.js

@@ -33,6 +33,7 @@ import { useCommunityEvents } from './hooks/useCommunityEvents';
 
 import { logger } from '../../utils/logger';
 import { useNotification } from '../../contexts/NotificationContext';
+import { PROFESSIONAL_COLORS } from '../../constants/professionalTheme';
 
 // 导航栏已由 MainLayout 提供，无需在此导入
 
@@ -43,10 +44,10 @@ const Community = () => {
   // Redux状态
   const { popularKeywords, hotEvents } = useSelector(state => state.communityData);
 
-  // Chakra UI hooks
-  const bgColor = useColorModeValue('gray.50', 'gray.900');
-  const alertBgColor = useColorModeValue('blue.50', 'blue.900');
-  const alertBorderColor = useColorModeValue('blue.200', 'blue.700');
+  // 专业配色 - 深色主题
+  const bgColor = PROFESSIONAL_COLORS.background.primary;
+  const alertBgColor = 'rgba(59, 130, 246, 0.1)';
+  const alertBorderColor = PROFESSIONAL_COLORS.border.default;
 
   // Ref：用于首次滚动到内容区域
   const containerRef = useRef(null);