代码提交

frontend-web/src/components/page-sdebar.css

@@ -564,6 +564,22 @@
     background: #ffffff;
 }
 
+/* Ice blue has a deliberately light banner. Keep top-level navigation and
+   its active marker dark enough to remain readable against #9BCEF1. */
+html.iceblue .light-topnav-item {
+    color: rgba(24, 50, 74, 0.78);
+}
+
+html.iceblue .light-topnav-item:hover,
+html.iceblue .light-topnav-item--active,
+html.iceblue .light-topnav-item--active:hover {
+    color: #18324a;
+}
+
+html.iceblue .light-topnav-item--active::after {
+    background: #3d6e96;
+}
+
 /* ── 侧边栏：二级图标卡片列（96px）+ 右侧三级列（展开时整体变宽，带过渡）──────── */
 .light-sidebar {
     position: fixed;

frontend-web/src/components/workspace/appearance-controls.tsx

@@ -28,11 +28,12 @@ import { buildLightAppUrl } from "@/strategy-components/lib/light-app";
  */
 export type AppearanceControlTone = "banner-dark" | "banner-light" | "content";
 
-// 换肤色板：红色=红白主题(light)，蓝色=浅蓝主题(lightblue)，深蓝色=深色主题(dark)
+// 换肤色板：红色=红白主题(light)，蓝色=浅蓝主题(lightblue)，冰川蓝=柔和浅蓝主题(iceblue)，深蓝色=深色主题(dark)
 export const THEME_SWATCHES: { id: ThemeType; label: string; color: string }[] = [
   { id: "light", label: "红色", color: "#cf1322" },
   { id: "lightgreen", label: "绿色", color: "#07c05f" },
   { id: "lightblue", label: "蓝色", color: "#0062d9" },
+  { id: "iceblue", label: "冰川蓝", color: "#9BCEF1" },
   { id: "dark", label: "深蓝色", color: "#002466" },
 ];
 

frontend-web/src/components/workspace/settings/appearance-settings-page.tsx

@@ -12,6 +12,7 @@ import {
   MoonIcon,
   PanelLeftIcon,
   Plus,
+  SnowflakeIcon,
   SunIcon,
   Trash2,
 } from "lucide-react";
@@ -213,7 +214,7 @@ export function AppearanceSettingsPage({ onClose }: { onClose?: () => void }) {
   };
 
   const handleSetGlobalDefault = async (
-    value: "light" | "dark" | "lightblue" | "lightgreen",
+    value: "light" | "dark" | "lightblue" | "lightgreen" | "iceblue",
   ) => {
     if (value === globalDefault) return;
     try {
@@ -225,7 +226,9 @@ export function AppearanceSettingsPage({ onClose }: { onClose?: () => void }) {
             ? "深色"
             : value === "lightgreen"
               ? "绿色"
-              : "浅蓝";
+              : value === "iceblue"
+                ? "冰川蓝"
+                : "浅蓝";
       toast.success(`已将系统默认主题设置为${label}`);
     } catch (e) {
       toast.error(e instanceof Error ? e.message : "保存失败");
@@ -387,6 +390,12 @@ export function AppearanceSettingsPage({ onClose }: { onClose?: () => void }) {
         description: t.settings.appearance.lightgreenDescription,
         icon: LeafIcon,
       },
+      {
+        id: "iceblue",
+        label: t.settings.appearance.iceblue,
+        description: t.settings.appearance.iceblueDescription,
+        icon: SnowflakeIcon,
+      },
     ],
     [
       t.settings.appearance.dark,
@@ -397,6 +406,8 @@ export function AppearanceSettingsPage({ onClose }: { onClose?: () => void }) {
       t.settings.appearance.lightblueDescription,
       t.settings.appearance.lightgreen,
       t.settings.appearance.lightgreenDescription,
+      t.settings.appearance.iceblue,
+      t.settings.appearance.iceblueDescription,
     ],
   );
 
@@ -414,7 +425,7 @@ export function AppearanceSettingsPage({ onClose }: { onClose?: () => void }) {
               label={option.label}
               description={option.description}
               active={currentTheme === option.id}
-              mode={option.id as "light" | "dark" | "lightblue" | "lightgreen"}
+              mode={option.id as "light" | "dark" | "lightblue" | "lightgreen" | "iceblue"}
               onSelect={(value) => setTheme(value)}
             />
           ))}
@@ -576,6 +587,16 @@ export function AppearanceSettingsPage({ onClose }: { onClose?: () => void }) {
                 <LeafIcon className="mr-1.5 size-4" />
                 绿色
               </Button>
+              <Button
+                type="button"
+                variant={globalDefault === "iceblue" ? "default" : "outline"}
+                size="sm"
+                onClick={() => void handleSetGlobalDefault("iceblue")}
+                disabled={updateAppearance.isPending}
+              >
+                <SnowflakeIcon className="mr-1.5 size-4" />
+                冰川蓝
+              </Button>
               <p className="text-muted-foreground ml-2 text-xs">
                 当前系统默认：
                 {globalDefault === "light"
@@ -584,7 +605,9 @@ export function AppearanceSettingsPage({ onClose }: { onClose?: () => void }) {
                     ? "深色"
                     : globalDefault === "lightgreen"
                       ? "绿色"
-                      : "浅蓝"}
+                      : globalDefault === "iceblue"
+                        ? "冰川蓝"
+                        : "浅蓝"}
               </p>
             </div>
           </SettingsSection>
@@ -1101,8 +1124,8 @@ function ThemePreviewCard({
   label: string;
   description: string;
   active: boolean;
-  mode: "light" | "dark" | "lightblue" | "lightgreen";
-  onSelect: (mode: "light" | "dark" | "lightblue" | "lightgreen") => void;
+  mode: "light" | "dark" | "lightblue" | "lightgreen" | "iceblue";
+  onSelect: (mode: "light" | "dark" | "lightblue" | "lightgreen" | "iceblue") => void;
 }) {
   const previewMode = mode;
   return (
@@ -1134,8 +1157,10 @@ function ThemePreviewCard({
             ? "border-neutral-800 bg-neutral-900 text-neutral-200"
             : previewMode === "lightblue"
               ? "border-blue-200 bg-white text-slate-900"
-              : previewMode === "lightgreen"
-                ? "border-emerald-200 bg-white text-emerald-950"
+            : previewMode === "lightgreen"
+              ? "border-emerald-200 bg-white text-emerald-950"
+              : previewMode === "iceblue"
+                ? "border-sky-200 bg-[#F7FBFE] text-[#18324A]"
                 : "border-slate-200 bg-white text-slate-900",
         )}
       >
@@ -1147,8 +1172,10 @@ function ThemePreviewCard({
                 ? "bg-emerald-400"
                 : previewMode === "lightblue"
                   ? "bg-blue-500"
-                  : previewMode === "lightgreen"
-                    ? "bg-[#07c05f]"
+                : previewMode === "lightgreen"
+                  ? "bg-[#07c05f]"
+                  : previewMode === "iceblue"
+                    ? "bg-[#9BCEF1]"
                     : "bg-[#cf1322]",
             )}
           />