From e3d767bf549fcf14e80a4b1f80d3dab72f1c013f Mon Sep 17 00:00:00 2001
From: zyycn <zyycn@users.noreply.github.com>
Date: Sun, 2 Aug 2026 01:53:05 +0800
Subject: [PATCH] fix(frontend): fill brand mark box with favicon tile

The sidebar and login logo boxes kept a #1c2a3d background around a
smaller favicon image, leaving an inconsistent ring in dark mode. The
image now fills the box and the divergent box background is removed, so
the favicon's own black tile is the visual mark.

Co-authored-by: Codex <noreply@openai.com>
---
 frontend/src/layout/components/AppSidebar.vue      | 4 ++--
 frontend/src/views/login/components/LoginPanel.vue | 3 +--
 2 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/frontend/src/layout/components/AppSidebar.vue b/frontend/src/layout/components/AppSidebar.vue
index 2b268c370..faaa4d2ad 100644
--- a/frontend/src/layout/components/AppSidebar.vue
+++ b/frontend/src/layout/components/AppSidebar.vue
@@ -339,12 +339,12 @@ onBeforeUnmount(() => {
       <BaseMotionIcon
         aria-hidden="true"
         variant="brand"
-        class="inline-flex size-11 items-center justify-center relative -top-0.5 rounded-(--cp-icon-button-radius) bg-(--cp-brand-mark-bg)"
+        class="inline-flex size-11 items-center justify-center relative -top-0.5 rounded-(--cp-icon-button-radius)"
       >
         <img
           src="/favicon.svg"
           alt=""
-          class="block size-9 select-none"
+          class="block size-11 select-none"
           draggable="false"
         >
       </BaseMotionIcon>
diff --git a/frontend/src/views/login/components/LoginPanel.vue b/frontend/src/views/login/components/LoginPanel.vue
index 195d3961e..c8da5c437 100644
--- a/frontend/src/views/login/components/LoginPanel.vue
+++ b/frontend/src/views/login/components/LoginPanel.vue
@@ -61,7 +61,7 @@ function togglePasswordVisible(): void {
           <img
             src="/favicon.svg"
             alt=""
-            class="block size-8 select-none"
+            class="block size-[38px] select-none"
             draggable="false"
           >
         </BaseMotionIcon>
@@ -232,7 +232,6 @@ function togglePasswordVisible(): void {
   align-items: center;
   justify-content: center;
   border-radius: 8px;
-  background: var(--login-logo-bg);
   color: var(--login-logo-text);
   font-family: var(--font-mono);
   font-size: 12px;