diff --git a/wwwroot/storefront/index.ui b/wwwroot/storefront/index.ui
index a76ed00..53b740b 100644
--- a/wwwroot/storefront/index.ui
+++ b/wwwroot/storefront/index.ui
@@ -8,7 +8,7 @@
     "width": "100%",
     "height": "100%",
     "padding": "0",
-    "bgcolor": "#f1f5f9"
+    "bgcolor": "var(--bg-page)"
   },
   "subwidgets": [
     {
@@ -78,7 +78,7 @@
                             "cwidth": 24,
                             "cheight": 15,
                             "padding": "20px",
-                            "bgcolor": "#fff",
+                            "bgcolor": "var(--surface-card)",
                             "cursor": {{json.dumps('default' if is_model else 'pointer')}},
                             "gap": "8px"
                           },
@@ -144,7 +144,7 @@
                                   "options": {
                                     "text": {{json.dumps(p.get('brief_intro') or '暂无介绍', ensure_ascii=False)}},
                                     "fontSize": "13px",
-                                    "color": "#64748b",
+                                    "color": "var(--ink-3)",
                                     "wrap": true
                                   }
                                 }
@@ -156,7 +156,7 @@
                               "options": {
                                 "otext": "规划中", "text": "规划中", "i18n": true,
                                 "fontSize": "14px",
-                                "color": "#94a3b8",
+                                "color": "var(--ink-3)",
                                 "fontWeight": "600"
                               }
                             },
@@ -184,7 +184,7 @@
                               "options": {
                                 "text": {{json.dumps(original_text, ensure_ascii=False)}},
                                 "fontSize": "11px",
-                                "color": "#94a3b8",
+                                "color": "var(--ink-3)",
                                 "textDecoration": "line-through"
                               }
                             },
@@ -214,7 +214,7 @@
                                   "options": {
                                     "otext": "敬请期待", "text": "敬请期待", "i18n": true,
                                     "fontSize": "13px",
-                                    "color": "#94a3b8"
+                                    "color": "var(--ink-3)"
                                   }
                                 }
 {% elif is_pipeline and extra.subscribed %}
@@ -284,7 +284,7 @@
                                   "options": {
                                     "otext": "登录后购买", "text": "登录后购买", "i18n": true,
                                     "fontSize": "13px",
-                                    "color": "#94a3b8"
+                                    "color": "var(--ink-3)"
                                   }
                                 }
 {% endif %}