From 59d3c406ab50c192cc275d7bbfdec7ea61fdced1 Mon Sep 17 00:00:00 2001
From: yumoqing <yumoqing@gmail.com>
Date: Wed, 27 May 2026 11:31:13 +0800
Subject: [PATCH] fix: remove hardcoded dark theme colors from index.ui and
 show_llms pages

- Remove bgcolor/color/border hardcoded dark theme values from index.ui
- Use css:'card' class instead of inline bgcolor for navigation cards
- Remove conflicting bgcolor:#def0f0 from show_llms/show_llms_by_providers/show_same_catelog_llm
- Let system theme (bricks.css/shell_theme.css) handle styling
---
 wwwroot/index.ui                  | 31 ++++++++-----------------------
 wwwroot/show_llms.ui              |  7 +++----
 wwwroot/show_llms_by_providers.ui |  7 +++----
 wwwroot/show_same_catelog_llm.ui  |  1 -
 4 files changed, 14 insertions(+), 32 deletions(-)

diff --git a/wwwroot/index.ui b/wwwroot/index.ui
index 0e22dac..a5afa71 100644
--- a/wwwroot/index.ui
+++ b/wwwroot/index.ui
@@ -3,8 +3,7 @@
     "options": {
         "width": "100%",
         "height": "100%",
-        "padding": "0",
-        "bgcolor": "#0B1120"
+        "padding": "0"
     },
     "subwidgets": [
         {
@@ -20,7 +19,6 @@
                     "widgettype": "Title2",
                     "options": {
                         "text": "LLM 模型管理",
-                        "color": "#F1F5F9",
                         "fontWeight": "700"
                     }
                 },
@@ -31,8 +29,7 @@
                     "widgettype": "Text",
                     "options": {
                         "text": "模型配置、目录分类与调用监控",
-                        "fontSize": "14px",
-                        "color": "#64748B"
+                        "fontSize": "14px"
                     }
                 }
             ]
@@ -48,10 +45,8 @@
                 {
                     "widgettype": "VBox",
                     "options": {
-                        "bgcolor": "#1E293B",
+                        "css": "card",
                         "padding": "16px 24px",
-                        "borderRadius": "8px",
-                        "border": "1px solid #334155",
                         "cursor": "pointer"
                     },
                     "binds": [
@@ -71,7 +66,6 @@
                             "widgettype": "Title5",
                             "options": {
                                 "text": "模型类型管理",
-                                "color": "#F1F5F9",
                                 "fontWeight": "600"
                             }
                         },
@@ -79,8 +73,7 @@
                             "widgettype": "Text",
                             "options": {
                                 "text": "管理模型的分类目录和类型定义",
-                                "fontSize": "12px",
-                                "color": "#94A3B8"
+                                "fontSize": "12px"
                             }
                         }
                     ]
@@ -88,10 +81,8 @@
                 {
                     "widgettype": "VBox",
                     "options": {
-                        "bgcolor": "#1E293B",
+                        "css": "card",
                         "padding": "16px 24px",
-                        "borderRadius": "8px",
-                        "border": "1px solid #334155",
                         "cursor": "pointer"
                     },
                     "binds": [
@@ -111,7 +102,6 @@
                             "widgettype": "Title5",
                             "options": {
                                 "text": "模型配置",
-                                "color": "#F1F5F9",
                                 "fontWeight": "600"
                             }
                         },
@@ -119,8 +109,7 @@
                             "widgettype": "Text",
                             "options": {
                                 "text": "管理 LLM 模型的API配置与供应商映射",
-                                "fontSize": "12px",
-                                "color": "#94A3B8"
+                                "fontSize": "12px"
                             }
                         }
                     ]
@@ -128,10 +117,8 @@
                 {
                     "widgettype": "VBox",
                     "options": {
-                        "bgcolor": "#1E293B",
+                        "css": "card",
                         "padding": "16px 24px",
-                        "borderRadius": "8px",
-                        "border": "1px solid #334155",
                         "cursor": "pointer"
                     },
                     "binds": [
@@ -151,7 +138,6 @@
                             "widgettype": "Title5",
                             "options": {
                                 "text": "记账失败记录",
-                                "color": "#F1F5F9",
                                 "fontWeight": "600"
                             }
                         },
@@ -159,8 +145,7 @@
                             "widgettype": "Text",
                             "options": {
                                 "text": "查看和检索调用计费失败记录",
-                                "fontSize": "12px",
-                                "color": "#94A3B8"
+                                "fontSize": "12px"
                             }
                         }
                     ]
diff --git a/wwwroot/show_llms.ui b/wwwroot/show_llms.ui
index be081ba..aa6d946 100644
--- a/wwwroot/show_llms.ui
+++ b/wwwroot/show_llms.ui
@@ -32,10 +32,9 @@
 {% for llm in cate.llms %}
 							{
 							"widgettype":"VScrollPanel",
-							"options":{
-								"css":"card",
-								"bgcolor": "#def0f0",
-								"cwidth":20,
+						"options":{
+							"css":"card",
+							"cwidth":20,
 								"cheight":12
 							},
 							"subwidgets":[
diff --git a/wwwroot/show_llms_by_providers.ui b/wwwroot/show_llms_by_providers.ui
index a0c3856..ae516af 100644
--- a/wwwroot/show_llms_by_providers.ui
+++ b/wwwroot/show_llms_by_providers.ui
@@ -31,10 +31,9 @@
 {% for llm in p.llms %}
 							{
 							"widgettype":"VScrollPanel",
-							"options":{
-								"css":"card",
-								"bgcolor": "#def0f0",
-								"cwidth":20,
+						"options":{
+							"css":"card",
+							"cwidth":20,
 								"cheight":12
 							},
 							"subwidgets":[
diff --git a/wwwroot/show_same_catelog_llm.ui b/wwwroot/show_same_catelog_llm.ui
index 03bb424..7fabf10 100644
--- a/wwwroot/show_same_catelog_llm.ui
+++ b/wwwroot/show_same_catelog_llm.ui
@@ -10,7 +10,6 @@
 			"widgettype":"VScrollPanel",
 			"options":{
 				"css":"card",
-				"bgcolor": "#def0f0",
 				"cwidth":20,
 				"cheight":12
 			},