代码提交

frontend-web/src/pages/LightAppIframeView.tsx

@@ -27,6 +27,8 @@ export default function LightAppIframeView() {
         ? "green"
         : theme === "lightblue"
           ? "blue"
+          : theme === "iceblue"
+            ? "iceblue"
           : "red";
   const src = useMemo(
     () => (app ? buildLightAppUrl(app, undefined, themeColor) : ""),

frontend-web/src/pages/LightAppListPage.tsx

@@ -87,6 +87,17 @@ function getLightAccent(theme: ThemeType) {
       button: "bg-[#0062D9] shadow-[0_1px_3px_rgba(0,98,217,0.2)] hover:bg-[#0079FE]",
     };
   }
+  if (theme === "iceblue") {
+    return {
+      dot: "bg-[#9BCEF1]",
+      badge: "border-[#3D6E96]/15 bg-[#E1F1FB] text-[#2D587A]",
+      focus: "focus:border-[#3D6E96]/60 focus:ring-[#3D6E96]/20",
+      text: "text-[#2D587A]",
+      hoverText: "group-hover:text-[#2D587A]",
+      link: "text-[#2D587A] hover:text-[#1E405C]",
+      button: "bg-[#9BCEF1] text-[#18324A] shadow-[0_1px_3px_rgba(155,206,241,0.42)] hover:bg-[#B7DCF5]",
+    };
+  }
   return {
     dot: "bg-[#CF1322]",
     badge: "border-[#CF1322]/15 bg-[#FFF1F0] text-[#CF1322]",
@@ -346,7 +357,7 @@ function AppCard({
           <button
             type="button"
             onClick={onOpen}
-            className={cn("flex items-center justify-center gap-1.5 rounded-[5px] px-3 py-2 text-xs font-semibold text-white transition active:scale-[0.98] dark:bg-[#1677FF] dark:shadow-none dark:hover:bg-[#0958D9]", lightAccent.button)}
+            className={cn("flex items-center justify-center gap-1.5 rounded-[5px] px-3 py-2 text-xs font-semibold text-white transition active:scale-[0.98] dark:bg-[#1677FF] dark:text-white dark:shadow-none dark:hover:bg-[#0958D9]", lightAccent.button)}
           >
             <span>进入应用</span>
             <ArrowUpRight className="size-3.5" />

frontend-web/src/pages/LightAppNoteQAPage.tsx

@@ -9,7 +9,7 @@ import { cn } from "@/lib/utils";
 export default function LightAppNoteQAPage() {
   const { theme } = useTheme();
   const isDark = theme === "dark";
-  const isLightBlue = theme === 'lightblue';
+  const isLightBlue = theme === 'lightblue' || theme === 'iceblue';
   const isLightGreen = theme === "lightgreen";
   const [question, setQuestion] = useState("");
 

frontend-web/src/pages/NotebookAIWritingPage.tsx

@@ -4,7 +4,7 @@ import AIWritingPage from '@/open-canvas/pages/AIWritingPage';
 import { getNotebookApiBaseURL } from '@/core/config';
 import { useTheme, type ThemeType } from '@/contexts/ThemeContext';
 
-const VALID_THEMES: ThemeType[] = ['dark', 'light', 'lightblue', 'lightgreen'];
+const VALID_THEMES: ThemeType[] = ['dark', 'light', 'lightblue', 'lightgreen', 'iceblue'];
 
 interface NotebookTokenData {
   doc_ids: number[];

frontend-web/src/pages/light-app-management.css

@@ -689,6 +689,59 @@
   background-color: #0056C6;
 }
 
+/* Ice blue theme — use #9BCEF1 for surfaces and #3D6E96 for actions so
+   text on primary controls remains readable. */
+[data-theme="iceblue"] .light-app-management-page .lam-primary-btn,
+[data-theme="iceblue"] .light-app-management-page .lam-dialog-save,
+[data-theme="iceblue"] .light-app-management-page .lam-switch-on {
+  background-color: #9BCEF1;
+}
+[data-theme="iceblue"] .light-app-management-page .lam-primary-btn,
+[data-theme="iceblue"] .light-app-management-page .lam-dialog-save {
+  color: #18324A;
+  box-shadow: 0 2px 6px rgba(155, 206, 241, 0.42);
+}
+[data-theme="iceblue"] .light-app-management-page .lam-primary-btn:hover,
+[data-theme="iceblue"] .light-app-management-page .lam-dialog-save:hover {
+  background-color: #B7DCF5;
+}
+[data-theme="iceblue"] .light-app-management-page .lam-primary-btn:active,
+[data-theme="iceblue"] .light-app-management-page .lam-dialog-save:active {
+  background-color: #84B9DE;
+}
+[data-theme="iceblue"] .light-app-management-page .lam-search-input:focus {
+  border-color: rgba(61, 110, 150, 0.5);
+  box-shadow: 0 0 0 4px rgba(155, 206, 241, 0.42);
+}
+[data-theme="iceblue"] .light-app-management-page .lam-view-toggle-btn.is-active,
+[data-theme="iceblue"] .light-app-management-page .lam-cat-toggle-btn.is-active,
+[data-theme="iceblue"] .light-app-management-page .lam-count strong,
+[data-theme="iceblue"] .light-app-management-page .lam-table tr:hover .lam-row-name,
+[data-theme="iceblue"] .light-app-management-page .lam-param-popover-close,
+[data-theme="iceblue"] .light-app-management-page .lam-param-key,
+[data-theme="iceblue"] .light-app-management-page .lam-card:hover .lam-card-title,
+[data-theme="iceblue"] .light-app-management-page .lam-dialog-close:hover,
+[data-theme="iceblue"] .light-app-management-page .lam-add-param-btn:hover {
+  color: #2D587A;
+}
+[data-theme="iceblue"] .light-app-management-page .lam-add-param-btn:hover,
+[data-theme="iceblue"] .light-app-management-page .lam-input:focus,
+[data-theme="iceblue"] .light-app-management-page .lam-dialog input[type="text"]:focus {
+  border-color: #5B91B9;
+}
+[data-theme="iceblue"] .light-app-management-page .lam-input:focus,
+[data-theme="iceblue"] .light-app-management-page .lam-dialog input[type="text"]:focus,
+[data-theme="iceblue"] .light-app-management-page .lam-dialog [data-slot="input"]:focus-visible,
+[data-theme="iceblue"] .light-app-management-page .lam-dialog textarea:focus-visible,
+[data-theme="iceblue"] .light-app-management-page .t-select.t-is-focused .t-input,
+[data-theme="iceblue"] .light-app-management-page .t-select.t-is-focused .t-input__wrap {
+  box-shadow: 0 0 0 2px rgba(155, 206, 241, 0.58);
+}
+[data-theme="iceblue"] .light-app-management-page .lam-dialog-icon {
+  background-color: #E1F1FB;
+  color: #2D587A;
+}
+
 /* WeKnora green theme. */
 [data-theme="lightgreen"] .light-app-management-page .lam-primary-btn,
 [data-theme="lightgreen"] .light-app-management-page .lam-dialog-save,