pref:移除黑夜模式

src/components/Navbars/components/NavbarActions/index.js

@@ -3,7 +3,6 @@
 
 import React, { memo } from 'react';
 import { HStack, Spinner } from '@chakra-ui/react';
-import ThemeToggleButton from '../ThemeToggleButton';
 import LoginButton from '../LoginButton';
 import CalendarButton from '../CalendarButton';
 import { WatchlistMenu, FollowingEventsMenu } from '../FeatureMenus';
@@ -34,9 +33,6 @@ const NavbarActions = memo(({
 }) => {
     return (
         <HStack spacing={{ base: 2, md: 4 }}>
-            {/* 主题切换按钮 */}
-            <ThemeToggleButton />
-
             {/* 显示加载状态 */}
             {isLoading ? (
                 <Spinner size="sm" color="blue.500" />

src/components/Navbars/components/ThemeToggleButton.js

@@ -1,51 +0,0 @@
-// src/components/Navbars/components/ThemeToggleButton.js
-// 主题切换按钮组件 - Phase 7 优化：添加导航埋点支持
-
-import React, { memo } from 'react';
-import { IconButton, useColorMode } from '@chakra-ui/react';
-import { SunIcon, MoonIcon } from '@chakra-ui/icons';
-import { useNavigationEvents } from '../../../hooks/useNavigationEvents';
-
-/**
- * 主题切换按钮组件
- * 支持在亮色和暗色主题之间切换，包含导航埋点
- *
- * 性能优化：
- * - 使用 memo 避免父组件重新渲染时的不必要更新
- * - 只依赖 colorMode，当主题切换时才重新渲染
- *
- * @param {Object} props
- * @param {string} props.size - 按钮大小，默认 'sm'
- * @param {string} props.variant - 按钮样式，默认 'ghost'
- * @returns {JSX.Element}
- */
-const ThemeToggleButton = memo(({ size = 'sm', variant = 'ghost' }) => {
-    const { colorMode, toggleColorMode } = useColorMode();
-    const navEvents = useNavigationEvents({ component: 'theme_toggle' });
-
-    const handleToggle = () => {
-        // 追踪主题切换
-        const fromTheme = colorMode;
-        const toTheme = colorMode === 'light' ? 'dark' : 'light';
-        navEvents.trackThemeChanged(fromTheme, toTheme);
-
-        // 切换主题
-        toggleColorMode();
-    };
-
-    return (
-        <IconButton
-            aria-label="切换主题"
-            icon={colorMode === 'light' ? <MoonIcon /> : <SunIcon />}
-            onClick={handleToggle}
-            variant={variant}
-            size={size}
-            minW={{ base: '36px', md: '40px' }}
-            minH={{ base: '36px', md: '40px' }}
-        />
-    );
-});
-
-ThemeToggleButton.displayName = 'ThemeToggleButton';
-
-export default ThemeToggleButton;