...

...

...

...

...

src/lib/browser/localStorageOperators.ts

@@ -6,6 +6,7 @@ import {
 } from "@/lib/interfaces";
 import z from "zod";
 import { shallowEqual } from "../utils";
+import { logger } from "@/lib/logger";
 
 export const getLocalStorageOperator = <T extends z.ZodTypeAny>(
   key: string,
@@ -24,14 +25,14 @@ export const getLocalStorageOperator = <T extends z.ZodTypeAny>(
         if (result.success) {
           return result.data;
         } else {
-          console.error(
+          logger.error(
             "Invalid data structure in localStorage:",
             result.error,
           );
           return [] as z.infer<T>;
         }
       } catch (e) {
-        console.error(`Failed to parse ${key} data:`, e);
+        logger.error(`Failed to parse ${key} data:`, e);
         return [] as z.infer<T>;
       }
     },

src/lib/logger.ts

@@ -0,0 +1,29 @@
+/**
+ * 统一的日志工具
+ * 在生产环境中可以通过环境变量控制日志级别
+ */
+
+type LogLevel = 'info' | 'warn' | 'error';
+
+const isDevelopment = process.env.NODE_ENV === 'development';
+
+export const logger = {
+  error: (message: string, error?: unknown) => {
+    if (isDevelopment) {
+      console.error(message, error);
+    }
+    // 在生产环境中，这里可以发送到错误追踪服务（如 Sentry）
+  },
+
+  warn: (message: string, data?: unknown) => {
+    if (isDevelopment) {
+      console.warn(message, data);
+    }
+  },
+
+  info: (message: string, data?: unknown) => {
+    if (isDevelopment) {
+      console.info(message, data);
+    }
+  },
+};

src/lib/theme/colors.ts

@@ -0,0 +1,14 @@
+/**
+ * 主题配色常量
+ * 集中管理应用的品牌颜色
+ *
+ * 注意：Tailwind CSS 已有的标准颜色（gray、red 等）请直接使用 Tailwind 类名
+ * 这里只定义项目独有的品牌色
+ */
+export const COLORS = {
+  // ===== 主色调 =====
+  /** 主绿色 - 应用主题色，用于页面背景、主要按钮 */
+  primary: '#35786f',
+  /** 悬停绿色 - 按钮悬停状态 */
+  primaryHover: '#2d5f58'
+} as const;