chore: remove unnecessary dark mode changes

Author: JavaZeroo

src/App.jsx

@@ -201,8 +201,8 @@ function App() {
         <div
           className="fixed inset-0 bg-blue-600 bg-opacity-95 z-50 flex items-center justify-center backdrop-blur-sm drag-overlay-fade-in"
         >
-          <div
-            className="bg-white dark:bg-gray-800 dark:text-gray-100 rounded-xl shadow-2xl p-8 text-center max-w-md mx-4 border-4 border-dashed border-blue-300 drag-modal-scale-in"
+          <div 
+            className="bg-white rounded-xl shadow-2xl p-8 text-center max-w-md mx-4 border-4 border-dashed border-blue-300 drag-modal-scale-in"
           >
             <div className="mb-6">
               <div className="relative">
@@ -227,13 +227,13 @@ function App() {
                 </div>
               </div>
             </div>
-            <h3 className="text-xl font-bold text-gray-900 dark:text-gray-100 mb-3">
+            <h3 className="text-xl font-bold text-gray-900 mb-3">
               🎯 释放文件以上传
             </h3>
-            <p className="text-sm text-gray-600 dark:text-gray-300 mb-2">
+            <p className="text-sm text-gray-600 mb-2">
               支持 <span className="font-semibold text-blue-600">所有文本格式</span> 文件
             </p>
-            <p className="text-xs text-gray-500 dark:text-gray-400">
+            <p className="text-xs text-gray-500">
               拖拽到页面任意位置即可快速上传文件
             </p>
           </div>
@@ -243,7 +243,7 @@ function App() {
       {!sidebarVisible && (
         <button
           onClick={() => setSidebarVisible(true)}
-          className="fixed top-3 left-3 z-40 p-2 bg-white dark:bg-gray-800 rounded-full shadow-md text-gray-600 dark:text-gray-100 hover:text-gray-800 dark:hover:text-gray-200 focus:outline-none focus:ring-2 focus:ring-blue-500"
+          className="fixed top-3 left-3 z-40 p-2 bg-white rounded-full shadow-md text-gray-600 hover:text-gray-800 focus:outline-none focus:ring-2 focus:ring-blue-500"
           aria-label="显示工具栏"
         >
           <PanelLeftOpen size={20} aria-hidden="true" />
@@ -264,7 +264,7 @@ function App() {
               aria-label="控制面板"
             >
               {/* 标题信息 */}
-              <div className="bg-white dark:bg-gray-800 dark:text-gray-100 rounded-lg shadow-md p-3">
+              <div className="bg-white rounded-lg shadow-md p-3">
               <div className="flex items-center gap-2 mb-2">
                 <div className="p-2 bg-blue-100 rounded-lg">
                   <svg className="w-5 h-5 text-blue-600" fill="none" viewBox="0 0 24 24" stroke="currentColor">
@@ -276,30 +276,30 @@ function App() {
                 </h1>
                 <button
                   onClick={() => setSidebarVisible(false)}
-                  className="ml-auto p-1 text-gray-400 hover:text-gray-600 dark:text-gray-400 dark:hover:text-gray-300 focus:outline-none focus:ring-2 focus:ring-blue-500 rounded"
+                  className="ml-auto p-1 text-gray-400 hover:text-gray-600 focus:outline-none focus:ring-2 focus:ring-blue-500 rounded"
                   aria-label="隐藏工具栏"
                 >
                   <PanelLeftClose size={16} aria-hidden="true" />
                 </button>
               </div>
-              <p className="text-sm text-gray-600 dark:text-gray-300 mb-3">
+              <p className="text-sm text-gray-600 mb-3">
                 📊 分析和可视化大模型训练日志中的损失函数和梯度范数数据
               </p>
 
               {/* 状态和链接按钮 */}
               <div className="flex items-center gap-2" role="group" aria-label="工具状态和链接">
-                <span
-                  className="inline-flex items-center px-2 py-1 rounded-full text-xs font-medium bg-green-100 text-green-800 dark:bg-green-900 dark:text-green-100"
+                <span 
+                  className="inline-flex items-center px-2 py-1 rounded-full text-xs font-medium bg-green-100 text-green-800"
                   aria-label="当前为在线版本"
                 >
                   <span aria-hidden="true">🌐</span>
                   <span className="ml-1">在线使用</span>
                 </span>
-                <a
+              <a
                   href="https://github.com/JavaZeroo/log-parser"
                   target="_blank"
                   rel="noopener noreferrer"
-                  className="inline-flex items-center gap-1 px-2 py-1 rounded-full text-xs font-medium bg-gray-100 text-gray-700 hover:bg-gray-200 dark:bg-gray-700 dark:text-gray-200 dark:hover:bg-gray-600 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2"
+                  className="inline-flex items-center gap-1 px-2 py-1 rounded-full text-xs font-medium bg-gray-100 text-gray-700 hover:bg-gray-200 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2"
                   aria-label="访问 GitHub 仓库（在新窗口中打开）"
                 >
                   <svg className="w-3 h-3" fill="currentColor" viewBox="0 0 20 20">
@@ -336,26 +336,26 @@ function App() {
               />
             )}
 
-            <section className="bg-white dark:bg-gray-800 dark:text-gray-100 rounded-lg shadow-md p-3" aria-labelledby="display-options-heading">
-              <h3
+            <section className="bg-white rounded-lg shadow-md p-3" aria-labelledby="display-options-heading">
+              <h3 
                 id="display-options-heading"
-                className="text-base font-semibold text-gray-800 dark:text-gray-100 mb-2"
+                className="text-base font-semibold text-gray-800 mb-2"
               >
                 🎛️ 显示选项
               </h3>
               <div className="space-y-3">
                 <div>
-                  <h4 className="text-xs font-medium text-gray-700 dark:text-gray-300 mb-2">📊 图表显示</h4>
-                  <p className="text-xs text-gray-500 dark:text-gray-400">上传文件后自动展示所有已配置的指标图表</p>
+                  <h4 className="text-xs font-medium text-gray-700 mb-2">📊 图表显示</h4>
+                  <p className="text-xs text-gray-500">上传文件后自动展示所有已配置的指标图表</p>
                 </div>
 
-                <div className="border-t dark:border-gray-700 pt-3">
-                  <h4 className="text-xs font-medium text-gray-700 dark:text-gray-300 mb-2">基准线设置</h4>
+                <div className="border-t pt-3">
+                  <h4 className="text-xs font-medium text-gray-700 mb-2">基准线设置</h4>
                   <div className="space-y-3">
                     <div>
                       <label 
                         htmlFor="relative-baseline"
-                        className="block text-xs font-medium text-gray-700 dark:text-gray-300 mb-1"
+                        className="block text-xs font-medium text-gray-700 mb-1"
                       >
                         相对误差 Baseline
                       </label>
@@ -365,7 +365,7 @@ function App() {
                         step="0.001"
                         value={relativeBaseline}
                         onChange={(e) => setRelativeBaseline(parseFloat(e.target.value) || 0)}
-                        className="w-full px-2 py-1 text-xs border border-gray-300 dark:border-gray-600 rounded-md focus:ring-2 focus:ring-blue-500 focus:border-blue-500 focus:outline-none"
+                        className="w-full px-2 py-1 text-xs border border-gray-300 rounded-md focus:ring-2 focus:ring-blue-500 focus:border-blue-500 focus:outline-none"
                         placeholder="0.002"
                         aria-describedby="relative-baseline-description"
                       />
@@ -380,7 +380,7 @@ function App() {
                     <div>
                       <label 
                         htmlFor="absolute-baseline"
-                        className="block text-xs font-medium text-gray-700 dark:text-gray-300 mb-1"
+                        className="block text-xs font-medium text-gray-700 mb-1"
                       >
                         绝对误差 Baseline
                       </label>
@@ -390,7 +390,7 @@ function App() {
                         step="0.001"
                         value={absoluteBaseline}
                         onChange={(e) => setAbsoluteBaseline(parseFloat(e.target.value) || 0)}
-                        className="w-full px-2 py-1 text-xs border border-gray-300 dark:border-gray-600 rounded-md focus:ring-2 focus:ring-blue-500 focus:border-blue-500 focus:outline-none"
+                        className="w-full px-2 py-1 text-xs border border-gray-300 rounded-md focus:ring-2 focus:ring-blue-500 focus:border-blue-500 focus:outline-none"
                         placeholder="0.005"
                         aria-describedby="absolute-baseline-description"
                       />

src/components/ChartContainer.jsx

@@ -532,8 +532,8 @@ export default function ChartContainer({
 
   if (parsedData.length === 0) {
     return (
-      <div className="bg-white dark:bg-gray-800 dark:text-gray-100 rounded-lg shadow-md p-8">
-        <div className="text-center text-gray-500 dark:text-gray-400">
+      <div className="bg-white rounded-lg shadow-md p-8">
+        <div className="text-center text-gray-500">
           <p className="text-lg mb-2">📊 暂无数据</p>
           <p>📁 请上传日志文件开始分析</p>
         </div>
@@ -559,8 +559,8 @@ export default function ChartContainer({
 
   if (metrics.length === 0) {
     return (
-      <div className="bg-white dark:bg-gray-800 dark:text-gray-100 rounded-lg shadow-md p-8">
-        <div className="text-center text-gray-500 dark:text-gray-400">
+      <div className="bg-white rounded-lg shadow-md p-8">
+        <div className="text-center text-gray-500">
           <p className="text-lg mb-2 font-medium">🎯 请选择要显示的图表</p>
         </div>
       </div>
@@ -639,8 +639,8 @@ export default function ChartContainer({
         </ResizablePanel>
         {comparisonChart}
         {stats && (
-          <div className="bg-white dark:bg-gray-800 dark:text-gray-100 rounded-lg shadow-md p-3">
-            <h4 className="text-sm font-medium text-gray-700 dark:text-gray-200 mb-1">{key} 差值统计</h4>
+          <div className="bg-white rounded-lg shadow-md p-3">
+            <h4 className="text-sm font-medium text-gray-700 mb-1">{key} 差值统计</h4>
             <div className="space-y-1 text-xs">
               <p>平均误差 (normal): {stats.meanNormal.toFixed(6)}</p>
               <p>平均误差 (absolute): {stats.meanAbsolute.toFixed(6)}</p>

src/components/ComparisonControls.jsx

@@ -12,17 +12,17 @@ export function ComparisonControls({
     { value: 'relative', label: '📊 平均相对误差 (absolute)', description: '绝对相对误差的平均' }
   ];
 
-    return (
-      <section className="bg-white dark:bg-gray-800 dark:text-gray-100 rounded-lg shadow-md p-3" aria-labelledby="comparison-controls-heading">
+  return (
+    <section className="bg-white rounded-lg shadow-md p-3" aria-labelledby="comparison-controls-heading">
       <div className="flex items-center gap-2 mb-2">
-          <BarChart2
-            size={16}
-            className="text-gray-600 dark:text-gray-300"
-            aria-hidden="true"
-          />
+        <BarChart2 
+          size={16} 
+          className="text-gray-600" 
+          aria-hidden="true"
+        />
         <h3 
-            id="comparison-controls-heading"
-            className="text-base font-semibold text-gray-800 dark:text-gray-100"
+          id="comparison-controls-heading"
+          className="text-base font-semibold text-gray-800"
         >
           ⚖️ 对比模式
         </h3>
@@ -33,24 +33,24 @@ export function ComparisonControls({
         {modes.map(mode => (
           <label 
             key={mode.value} 
-              className="flex items-center cursor-pointer hover:bg-gray-50 dark:hover:bg-gray-700 p-1 rounded"
+            className="flex items-center cursor-pointer hover:bg-gray-50 p-1 rounded"
           >
             <input
               type="radio"
               name="compareMode"
               value={mode.value}
               checked={compareMode === mode.value}
               onChange={(e) => onCompareModeChange(e.target.value)}
-                className="text-blue-600 dark:text-blue-400 focus:ring-2 focus:ring-blue-500 focus:ring-offset-2"
+              className="text-blue-600 focus:ring-2 focus:ring-blue-500 focus:ring-offset-2"
               aria-describedby={`mode-${mode.value}-description`}
             />
             <div className="ml-2">
-                <div className="text-xs font-medium text-gray-700 dark:text-gray-200">
+              <div className="text-xs font-medium text-gray-700">
                 {mode.label}
               </div>
               <div 
                 id={`mode-${mode.value}-description`}
-                  className="text-xs text-gray-500 dark:text-gray-400"
+                className="text-xs text-gray-500"
               >
                 {mode.description}
               </div>