From 54be47d9bafd08135f187bb481b0ef3ca92b3292 Mon Sep 17 00:00:00 2001 From: chiguyong Date: Sun, 21 Jun 2026 12:27:56 +0800 Subject: [PATCH] fix(ui): SplashScreen retry button white-on-white in dark mode MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit The '重试' button used hardcoded `color: #fff` while its background was `var(--color-primary)`. In dark mode --color-primary resolves to #fbfbfa (near-white), making the button text invisible. Switch to `var(--text-inverse)` (which is #1a1a1a in dark mode and #ffffff in light mode) so the button text is always readable on the primary background regardless of the active theme. SplashScreen was the only file in the codebase with this pattern; all other primary-colored elements either use Ant Design's automatic colorTextLightSolid handling or a different token combination. --- .../server/frontend/src/components/layout/SplashScreen.vue | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/agentkit/server/frontend/src/components/layout/SplashScreen.vue b/src/agentkit/server/frontend/src/components/layout/SplashScreen.vue index 611350c..1a9d2c6 100644 --- a/src/agentkit/server/frontend/src/components/layout/SplashScreen.vue +++ b/src/agentkit/server/frontend/src/components/layout/SplashScreen.vue @@ -94,7 +94,7 @@ defineProps<{ padding: 6px 18px; font-size: 13px; font-weight: 500; - color: #fff; + color: var(--text-inverse, #ffffff); background: var(--color-primary, #6366f1); border: 1px solid var(--color-primary, #6366f1); border-radius: 6px;