feat(design): 主色由墨松绿改为景泰蓝蓝系，Logo 与图标同步

纸白底改冷调与主色同轴；语义色 sage/wheat/rust 不变，sky 提亮与主色区分。Logo 三段线改浅蓝白、圆点改亮蓝；favicon/PWA 图标/安卓自适应图标/状态栏一并重绘，新增 tools/make-icons.py 作为唯一出处。

web/index.html

@@ -5,13 +5,13 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />
     <title>达道Task</title>
     <meta name="description" content="达道Task：任务、工单、知识库，一条道走到底" />
-    <!-- 和 App 内左上角、安卓桌面同一枚图标：三段米白线 + 一点陶土 -->
+    <!-- 和 App 内左上角、安卓桌面同一枚图标：三段浅蓝白线 + 一点亮蓝 -->
     <link
       rel="icon"
-      href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Crect width='64' height='64' rx='18' fill='%232F6054'/%3E%3Cg stroke='%23EFF5F3' stroke-width='4' stroke-linecap='round'%3E%3Cpath d='M18 23h28'/%3E%3Cpath d='M18 32h19'/%3E%3Cpath d='M18 41h12'/%3E%3C/g%3E%3Ccircle cx='46' cy='41' r='6' fill='%23C2703D'/%3E%3C/svg%3E"
+      href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Crect width='64' height='64' rx='18' fill='%23274B73'/%3E%3Cg stroke='%23EAF3FB' stroke-width='4' stroke-linecap='round'%3E%3Cpath d='M18 23h28'/%3E%3Cpath d='M18 32h19'/%3E%3Cpath d='M18 41h12'/%3E%3C/g%3E%3Ccircle cx='46' cy='41' r='6' fill='%235CA8E8'/%3E%3C/svg%3E"
     />
     <!-- 装到手机主屏之后：状态栏跟品牌色走，iOS 用不透明底图 -->
-    <meta name="theme-color" content="#2f6054" />
+    <meta name="theme-color" content="#274b73" />
     <link rel="apple-touch-icon" href="/icons/apple-touch-icon.png" />
     <meta name="apple-mobile-web-app-capable" content="yes" />
     <meta name="apple-mobile-web-app-title" content="达道Task" />

web/src/components/icons.tsx

@@ -290,13 +290,13 @@ export const Spinner = ({ size = 16, className = "" }: { size?: number; classNam
 
 export const Logo = ({ size = 28 }: { size?: number }) => (
   <svg width={size} height={size} viewBox="0 0 32 32" aria-hidden>
-    <rect width="32" height="32" rx="9" fill="#2F6054" />
+    <rect width="32" height="32" rx="9" fill="#274B73" />
     <path
       d="M9 11.5h14M9 16h9.5M9 20.5h6"
-      stroke="#EFF5F3"
+      stroke="#EAF3FB"
       strokeWidth="2"
       strokeLinecap="round"
     />
-    <circle cx="23" cy="20.5" r="3" fill="#C2703D" />
+    <circle cx="23" cy="20.5" r="3" fill="#5CA8E8" />
   </svg>
 );

web/tailwind.config.js

@@ -6,42 +6,42 @@ export default {
       colors: {
         // 底色：暖白纸面，不用纯白，避免刺眼、也让卡片有层次
         paper: {
-          50: "#FCFCFA",
-          100: "#F7F7F3",
-          200: "#F0F0EA",
-          300: "#E6E6DE",
+          50: "#F9FAFC",
+          100: "#F3F5F9",
+          200: "#E9EDF3",
+          300: "#DFE5ED",
         },
-        // 分隔线与描边
+        // 分隔线与描边（冷灰，跟蓝主色同一个中性轴）
         line: {
-          100: "#ECECE6",
-          200: "#E1E1D9",
-          300: "#D2D2C8",
+          100: "#EDEFF3",
+          200: "#E2E6EC",
+          300: "#D3D9E1",
         },
         // 文字与中性
         ink: {
-          50: "#F6F8F7",
-          100: "#E9EDEB",
-          200: "#D7DDDA",
-          300: "#BAC3C0",
-          400: "#96A19D",
-          500: "#6D7874",
-          600: "#4E5956",
-          700: "#39443F",
-          800: "#252E2A",
-          900: "#161C1A",
+          50: "#F6F8FA",
+          100: "#E9EEF3",
+          200: "#D7DEE7",
+          300: "#B8C2CE",
+          400: "#929EAD",
+          500: "#6C7788",
+          600: "#4E5867",
+          700: "#3A4352",
+          800: "#262D39",
+          900: "#161C25",
         },
-        // 主色：墨松绿，克制、有"工作台"气质，避开任务工具常见的荧光蓝
+        // 主色：景泰蓝（沉一点的靛蓝），克制、有"工作台"气质，避开任务工具常见的荧光蓝
         primary: {
-          50: "#EFF5F3",
-          100: "#DBE9E4",
-          200: "#B7D2C9",
-          300: "#8CB6A9",
-          400: "#619688",
-          500: "#41796A",
-          600: "#2F6054",
-          700: "#264E44",
-          800: "#1E3E36",
-          900: "#172F29",
+          50: "#EFF5FB",
+          100: "#DCE9F7",
+          200: "#B9D3EC",
+          300: "#8FB6DD",
+          400: "#6094C8",
+          500: "#3E76AC",
+          600: "#2E5D8D",
+          700: "#274B73",
+          800: "#1F3B5B",
+          900: "#1A2F48",
         },
         // 强调色：陶土橙，只用在"需要人注意"的地方
         clay: {
@@ -59,7 +59,8 @@ export default {
         sage: { 500: "#2F7D5E", 50: "#EAF4EF" },
         wheat: { 500: "#A97C25", 50: "#F8F1E2" },
         rust: { 500: "#B04A32", 50: "#FAEDE9" },
-        sky: { 500: "#3E6F91", 50: "#EBF2F7" },
+        // 信息色：比主色更亮更青一档，免得和 primary 的「进行中」糊在一起
+        sky: { 500: "#2F86B0", 50: "#E8F4FA" },
       },
       fontFamily: {
         sans: [
@@ -93,8 +94,8 @@ export default {
         "3xl": "24px",
       },
       boxShadow: {
-        card: "0 1px 2px rgba(22,28,26,0.04), 0 8px 24px -16px rgba(22,28,26,0.35)",
-        pop: "0 2px 6px rgba(22,28,26,0.06), 0 20px 48px -24px rgba(22,28,26,0.35)",
+        card: "0 1px 2px rgba(20,27,36,0.04), 0 8px 24px -16px rgba(20,27,36,0.35)",
+        pop: "0 2px 6px rgba(20,27,36,0.06), 0 20px 48px -24px rgba(20,27,36,0.35)",
         inset: "inset 0 1px 0 rgba(255,255,255,0.6)",
       },
       keyframes: {