From df8c2d7eaa07a02cad38d4a990149a09d05fda20 Mon Sep 17 00:00:00 2001
From: xiyidaiwa <g17729830615@163.com>
Date: Wed, 22 Jul 2026 01:19:52 +0800
Subject: [PATCH 1/3] =?UTF-8?q?style:=20=E7=BB=9F=E4=B8=80=E6=BB=9A?=
 =?UTF-8?q?=E5=8A=A8=E6=9D=A1=E5=A4=96=E8=A7=82=E5=B9=B6=E5=B0=86=E6=8A=95?=
 =?UTF-8?q?=E7=A8=BF=E5=BA=94=E7=94=A8=E7=AA=97=E5=8F=A3=E6=94=B9=E4=B8=BA?=
 =?UTF-8?q?=E5=9C=86=E8=A7=92?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 滚动条：主进程对 Linux 关闭 overlay 滚动条
  (disable-features=OverlayScrollbar)，使 CSS ::-webkit-scrollbar 自定义生效；
  全局统一定义亮色 #94a3b8 / 暗色 #15203b（带极淡描边），宽度 0.75rem，亮暗一致。
- 投稿页：修复滚动条贯穿整个窗口、侵入标题栏（改为 flex 分栏，
  标题栏 shrink-0，内容区单独滚动）。
- 应用管理页：移除 scrollbar-nowidth 隐藏与 scrollbar-thumb-* 覆盖色，
  改由全局规则统一，与其他页面一致。
- 圆角页面：投稿页与已安装应用页滚动容器内缩 (mr-4 mb-4)，
  避免滚动条滚入圆角被裁切。
- 投稿应用窗口：独立窗口改为透明圆角窗口 (transparent + rounded-3xl + shadow-2xl)，
  与弹框风格统一；挂载时 body 背景透明以露出圆角。
- 标题栏：左上角蓝色圆点替换为软件图标 spark-store.svg。
- 更新中心：搜索框对齐主页样式（左侧图标、统一圆角与配色）。
---
 electron/main/backend/submitter.ts            |  1 +
 electron/main/index.ts                        |  7 +++
 src/App.vue                                   |  2 +-
 src/assets/css/appstyle.css                   | 51 +++++++++++++++++++
 src/components/AppGrid.vue                    |  1 -
 src/components/InstalledAppsModal.vue         |  2 +-
 src/components/SubmitterWindow.vue            | 11 ++--
 src/components/WindowTitleBar.vue             |  6 ++-
 .../update-center/UpdateCenterToolbar.vue     |  6 ++-
 9 files changed, 78 insertions(+), 9 deletions(-)

diff --git a/electron/main/backend/submitter.ts b/electron/main/backend/submitter.ts
index be559f3a..cbe523ac 100644
--- a/electron/main/backend/submitter.ts
+++ b/electron/main/backend/submitter.ts
@@ -448,6 +448,7 @@ export function registerSubmitterHandlers(
         width: 800,
         height: 900,
         frame: false,
+        transparent: true,
         show: false,
         autoHideMenuBar: true,
         icon: path.join(process.env.VITE_PUBLIC!, "favicon.ico"),
diff --git a/electron/main/index.ts b/electron/main/index.ts
index ebf970b6..97f7451b 100644
--- a/electron/main/index.ts
+++ b/electron/main/index.ts
@@ -72,6 +72,13 @@ if (!app.requestSingleInstanceLock()) {
 import "./backend/install-manager.js";
 import "./handle-url-scheme.js";
 
+// 关闭 Linux 的覆盖式（overlay）滚动条，强制使用经典滚动条，
+// 否则 GTK overlay 滚动条会忽略渲染进程的 ::-webkit-scrollbar 颜色，
+// 导致暗色模式下滚动条始终是原生灰色。必须在 app ready 前设置。
+if (process.platform === "linux") {
+  app.commandLine.appendSwitch("disable-features", "OverlayScrollbar");
+}
+
 const logger = pino({ name: "index.ts" });
 const FLARUM_TOKEN_URL = "https://bbs.spark-app.store/api/token";
 
diff --git a/src/App.vue b/src/App.vue
index 83240255..9144ed45 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -73,7 +73,7 @@
           :category-counts="categoryCounts"
           @select-category="selectSubCategory"
         />
-        <div class="flex min-h-0 flex-1 flex-col px-4 py-6 lg:px-10">
+        <div class="flex min-h-0 flex-1 flex-col overflow-hidden px-4 py-6 lg:px-10">
           <FavoriteFolderManager
             v-if="currentView === 'favorites'"
             :folders="favoriteFolders"
diff --git a/src/assets/css/appstyle.css b/src/assets/css/appstyle.css
index 00404431..19fe0f55 100644
--- a/src/assets/css/appstyle.css
+++ b/src/assets/css/appstyle.css
@@ -22,6 +22,14 @@
 @variant dark (&:where(.dark, .dark *));
 
 @layer base {
+  html {
+    color-scheme: light;
+  }
+
+  html.dark {
+    color-scheme: dark;
+  }
+
   body {
     font-family: var(--font-sans);
     background-color: var(--color-surface-light);
@@ -41,6 +49,40 @@
 }
 
 @layer utilities {
+  /* 必须先声明 ::-webkit-scrollbar 并禁用 overlay 滚动条，才能使自定义颜色生效 */
+  *::-webkit-scrollbar {
+    width: 0.75rem;
+    height: 0.75rem;
+  }
+
+  /* 亮色滚动条：与暗色保持相同几何（透明边距），确保亮/暗滚动块大小一致 */
+  html ::-webkit-scrollbar-thumb {
+    background-color: #94a3b8;
+    border-radius: 9999px;
+    border: 2px solid transparent;
+    background-clip: padding-box;
+  }
+
+  html ::-webkit-scrollbar-track {
+    background: transparent;
+  }
+
+  /* 暗色滚动条：挂在 html.dark 上（root），与主界面 surface 同色 (#0b1220)，加极淡描边以便可抓取。
+     注意：必须用 html.dark 而非 .dark *，因为经典滚动条只作用于滚动容器自身，
+     .dark * 在亮色模式不命中会导致回退到原生宽度，亮/暗宽度不一致。 */
+  html.dark ::-webkit-scrollbar-thumb {
+    background-color: #15203b;
+    border-radius: 9999px;
+    border: 2px solid transparent;
+    background-clip: padding-box;
+    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.15);
+  }
+
+  html.dark ::-webkit-scrollbar-track {
+    background: transparent;
+  }
+
+  /* 弱化滚动条 */
   .scrollbar-muted {
     scrollbar-width: thin;
     scrollbar-color: #94a3b8 transparent;
@@ -59,6 +101,15 @@
     border-radius: 9999px;
   }
 
+  html.dark .scrollbar-muted {
+    scrollbar-color: #0b1220 transparent;
+  }
+
+  html.dark .scrollbar-muted::-webkit-scrollbar-thumb {
+    background-color: #0b1220;
+  }
+
+  /* 完全隐藏滚动条 */
   .scrollbar-nowidth {
     scrollbar-width: none;
   }
diff --git a/src/components/AppGrid.vue b/src/components/AppGrid.vue
index be14e4aa..d75216ad 100644
--- a/src/components/AppGrid.vue
+++ b/src/components/AppGrid.vue
@@ -205,7 +205,6 @@ const gridRows = computed(() => {
   flex: 1;
   box-sizing: border-box;
   overflow-x: hidden;
-  overflow-y: auto;
 }
 
 :deep(.vue-recycle-scroller__item-view) {
diff --git a/src/components/InstalledAppsModal.vue b/src/components/InstalledAppsModal.vue
index d4471c47..a7d28b32 100644
--- a/src/components/InstalledAppsModal.vue
+++ b/src/components/InstalledAppsModal.vue
@@ -100,7 +100,7 @@
         </div>
 
         <div
-          class="flex-1 overflow-y-auto overscroll-contain scrollbar-nowidth scrollbar-thumb-slate-200 dark:scrollbar-thumb-slate-700 p-6 space-y-4"
+          class="flex-1 overflow-y-auto overscroll-contain p-6 space-y-4 mr-4 mb-4"
         >
           <div
             v-if="syncMessage"
diff --git a/src/components/SubmitterWindow.vue b/src/components/SubmitterWindow.vue
index fa0eb1a3..50570652 100644
--- a/src/components/SubmitterWindow.vue
+++ b/src/components/SubmitterWindow.vue
@@ -1,9 +1,9 @@
 <template>
   <div
-    class="h-screen overflow-y-auto bg-slate-50 dark:bg-slate-950 text-slate-900 dark:text-slate-100"
+    class="flex h-screen flex-col overflow-hidden rounded-3xl shadow-2xl bg-slate-50 dark:bg-slate-950 text-slate-900 dark:text-slate-100"
   >
     <div
-      class="submitter-titlebar sticky top-0 z-30 border-b border-slate-200/70 bg-white px-4 py-3 dark:border-slate-800/70 dark:bg-slate-900"
+      class="submitter-titlebar shrink-0 z-30 border-b border-slate-200/70 bg-white px-4 py-3 dark:border-slate-800/70 dark:bg-slate-900"
     >
       <div class="flex items-center justify-between">
         <div class="flex items-center gap-3">
@@ -34,7 +34,8 @@
       </div>
     </div>
 
-    <div class="p-6 max-w-2xl mx-auto">
+    <div class="flex-1 overflow-y-auto mr-4 mb-4">
+      <div class="p-6 max-w-2xl mx-auto">
       <div class="space-y-6">
         <div>
           <label
@@ -746,6 +747,7 @@
         </div>
       </div>
     </Teleport>
+    </div>
   </div>
 </template>
 
@@ -1908,6 +1910,9 @@ const getGitInfo = async () => {
 
 onMounted(async () => {
   console.log("[Submitter] Component mounted, loading categories and tags");
+  // 透明窗口：让 body/html 背景透明，圆角才能透出，否则四角是方角
+  document.documentElement.style.backgroundColor = "transparent";
+  document.body.style.backgroundColor = "transparent";
   // 先等待分类列表加载完成，避免后续竞态
   await Promise.all([loadCategoriesList(), loadTagsList()]);
   // 尝试从 git 配置读取 name 和 email，填入 contributor 和 mail
diff --git a/src/components/WindowTitleBar.vue b/src/components/WindowTitleBar.vue
index 9fb3c8bb..f2119fe0 100644
--- a/src/components/WindowTitleBar.vue
+++ b/src/components/WindowTitleBar.vue
@@ -3,7 +3,11 @@
     class="window-titlebar sticky top-0 z-20 flex h-10 shrink-0 items-center justify-between border-b border-slate-200/70 bg-white px-3 text-slate-700 dark:border-slate-800/70 dark:bg-slate-950 dark:text-slate-200"
   >
     <div class="flex min-w-0 items-center gap-2">
-      <span class="h-3 w-3 rounded-full bg-[#2b7fff]"></span>
+      <img
+        src="../assets/imgs/spark-store.svg"
+        class="h-5 w-5 flex-shrink-0"
+        alt="星火应用商店"
+      />
       <span class="truncate text-sm font-semibold">星火应用商店</span>
     </div>
 
diff --git a/src/components/update-center/UpdateCenterToolbar.vue b/src/components/update-center/UpdateCenterToolbar.vue
index e6e9c9c6..acf9aa18 100644
--- a/src/components/update-center/UpdateCenterToolbar.vue
+++ b/src/components/update-center/UpdateCenterToolbar.vue
@@ -61,11 +61,13 @@
 
     <label class="block relative">
       <span class="sr-only">搜索更新</span>
+      <i
+        class="fas fa-search pointer-events-none absolute left-4 top-1/2 -translate-y-1/2 text-slate-400"
+      ></i>
       <input
         :value="searchQuery"
-        type="search"
         placeholder="搜索应用或包名"
-        class="w-full rounded-2xl border border-slate-200 bg-slate-50 px-4 py-3 text-sm text-slate-900 outline-none transition focus:border-brand/60 focus:bg-white dark:border-slate-700 dark:bg-slate-950 dark:text-slate-100 dark:focus:bg-slate-900"
+        class="w-full rounded-2xl border border-slate-200/70 bg-white/80 py-3 pl-12 pr-20 text-sm text-slate-700 shadow-sm outline-none transition placeholder:text-slate-400 focus:border-brand/50 focus:ring-4 focus:ring-brand/10 dark:border-slate-800/70 dark:bg-slate-900/60 dark:text-slate-200"
         @input="handleInput"
       />
       <button

From 3d28010797e6aef45af3cbf4b80899c746a7f547 Mon Sep 17 00:00:00 2001
From: xiyidaiwa <g17729830615@163.com>
Date: Wed, 22 Jul 2026 01:39:52 +0800
Subject: [PATCH 2/3] =?UTF-8?q?fix:=20=E5=A4=84=E7=90=86=20PR=20=E8=AF=84?=
 =?UTF-8?q?=E5=AE=A1=E6=84=8F=E8=A7=81=EF=BC=88=E5=89=AF=E4=BD=9C=E7=94=A8?=
 =?UTF-8?q?=E6=B8=85=E7=90=86=E3=80=81=E6=BB=9A=E5=8A=A8=E6=9D=A1=E5=88=86?=
 =?UTF-8?q?=E5=B1=82=E4=B8=8E=E5=8F=98=E9=87=8F=E5=8C=96=EF=BC=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- SubmitterWindow: onMounted 修改 body/html 背景后，在 onUnmounted 中恢复原始值，避免副作用泄漏。
- appstyle.css: 全局滚动条基础几何/颜色移至 @layer base，使 .scrollbar-muted/.scrollbar-nowidth 工具类优先级更高；
  暗色 thumb 改用专用变量 --color-scrollbar-thumb-dark (#15203b)，保留比 surface 略亮的可辨识反差（未改用 --color-surface-dark）。
- 评审建议"margin 改 padding"与"改用 .scrollbar-muted"经分析不成立：padding 不会内移滚动条、无法避开圆角，margin 才能把容器连同滚动条推离圆角；
  .scrollbar-muted 为 0.4rem 细条，与其他页面 0.75rem 全局不一致，故保持 mr-4 mb-4 全局样式。
---
 src/assets/css/appstyle.css        | 27 +++++++++++++++++----------
 src/components/SubmitterWindow.vue | 11 +++++++++--
 2 files changed, 26 insertions(+), 12 deletions(-)

diff --git a/src/assets/css/appstyle.css b/src/assets/css/appstyle.css
index 19fe0f55..f8affd3f 100644
--- a/src/assets/css/appstyle.css
+++ b/src/assets/css/appstyle.css
@@ -13,6 +13,9 @@
   --color-card-light: #ffffff;
   --color-card-dark: #151c2c;
 
+  --color-scrollbar-thumb-light: #94a3b8;
+  --color-scrollbar-thumb-dark: #15203b;
+
   --shadow-glass: 0 10px 30px rgba(15,23,42,0.08);
   --shadow-glassDark: 0 20px 45px rgba(0,0,0,0.45);
 
@@ -46,18 +49,20 @@
   #app {
     min-height: 100vh;
   }
-}
 
-@layer utilities {
-  /* 必须先声明 ::-webkit-scrollbar 并禁用 overlay 滚动条，才能使自定义颜色生效 */
+  /* 全局滚动条基础几何：置于 base，使 utilities 中的 .scrollbar-muted/.scrollbar-nowidth 可覆盖 */
   *::-webkit-scrollbar {
     width: 0.75rem;
     height: 0.75rem;
   }
 
+  *::-webkit-scrollbar-track {
+    background: transparent;
+  }
+
   /* 亮色滚动条：与暗色保持相同几何（透明边距），确保亮/暗滚动块大小一致 */
   html ::-webkit-scrollbar-thumb {
-    background-color: #94a3b8;
+    background-color: var(--color-scrollbar-thumb-light);
     border-radius: 9999px;
     border: 2px solid transparent;
     background-clip: padding-box;
@@ -67,11 +72,11 @@
     background: transparent;
   }
 
-  /* 暗色滚动条：挂在 html.dark 上（root），与主界面 surface 同色 (#0b1220)，加极淡描边以便可抓取。
+  /* 暗色滚动条：挂在 html.dark 上（root），比 surface 略亮以保留可辨识反差 (#15203b)，
      注意：必须用 html.dark 而非 .dark *，因为经典滚动条只作用于滚动容器自身，
      .dark * 在亮色模式不命中会导致回退到原生宽度，亮/暗宽度不一致。 */
   html.dark ::-webkit-scrollbar-thumb {
-    background-color: #15203b;
+    background-color: var(--color-scrollbar-thumb-dark);
     border-radius: 9999px;
     border: 2px solid transparent;
     background-clip: padding-box;
@@ -81,11 +86,13 @@
   html.dark ::-webkit-scrollbar-track {
     background: transparent;
   }
+}
 
+@layer utilities {
   /* 弱化滚动条 */
   .scrollbar-muted {
     scrollbar-width: thin;
-    scrollbar-color: #94a3b8 transparent;
+    scrollbar-color: var(--color-scrollbar-thumb-light) transparent;
   }
 
   .scrollbar-muted::-webkit-scrollbar {
@@ -97,16 +104,16 @@
   }
 
   .scrollbar-muted::-webkit-scrollbar-thumb {
-    background-color: #94a3b8;
+    background-color: var(--color-scrollbar-thumb-light);
     border-radius: 9999px;
   }
 
   html.dark .scrollbar-muted {
-    scrollbar-color: #0b1220 transparent;
+    scrollbar-color: var(--color-surface-dark) transparent;
   }
 
   html.dark .scrollbar-muted::-webkit-scrollbar-thumb {
-    background-color: #0b1220;
+    background-color: var(--color-surface-dark);
   }
 
   /* 完全隐藏滚动条 */
diff --git a/src/components/SubmitterWindow.vue b/src/components/SubmitterWindow.vue
index 50570652..2fcb9476 100644
--- a/src/components/SubmitterWindow.vue
+++ b/src/components/SubmitterWindow.vue
@@ -1866,7 +1866,7 @@ const closeWindow = () => {
   window.ipcRenderer.send("close-submitter-window");
 };
 
-import { onMounted, nextTick } from "vue";
+import { onMounted, onUnmounted, nextTick } from "vue";
 
 const getGitInfo = async () => {
   try {
@@ -1910,9 +1910,16 @@ const getGitInfo = async () => {
 
 onMounted(async () => {
   console.log("[Submitter] Component mounted, loading categories and tags");
-  // 透明窗口：让 body/html 背景透明，圆角才能透出，否则四角是方角
+  // 透明窗口：让 body/html 背景透明，圆角才能透出，否则四角是方角。
+  // 保存原始值，在 onUnmounted 中恢复，避免副作用泄漏到其它视图。
+  const prevHtmlBg = document.documentElement.style.backgroundColor;
+  const prevBodyBg = document.body.style.backgroundColor;
   document.documentElement.style.backgroundColor = "transparent";
   document.body.style.backgroundColor = "transparent";
+  onUnmounted(() => {
+    document.documentElement.style.backgroundColor = prevHtmlBg;
+    document.body.style.backgroundColor = prevBodyBg;
+  });
   // 先等待分类列表加载完成，避免后续竞态
   await Promise.all([loadCategoriesList(), loadTagsList()]);
   // 尝试从 git 配置读取 name 和 email，填入 contributor 和 mail

From 910aec6cceddfa69850fe437fd20000cebb551a3 Mon Sep 17 00:00:00 2001
From: xiyidaiwa <g17729830615@163.com>
Date: Thu, 23 Jul 2026 18:41:19 +0800
Subject: [PATCH 3/3] =?UTF-8?q?fix(app):=20=E4=BF=AE=E5=A4=8D=E5=BA=94?=
 =?UTF-8?q?=E7=94=A8=E8=AE=A1=E6=95=B0=E7=BB=9F=E8=AE=A1=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 将应用总数统计从 apps.value.length 改为 baseApps.value.length
- 确保分类统计基于正确的基础应用数据
- 解决了应用过滤后计数不准确的问题
---
 src/App.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/App.vue b/src/App.vue
index 9144ed45..3c83aaa2 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -613,7 +613,7 @@ const categoryCounts = computed(() => {
     return { ...tabCounts, all: allCounts.all };
   }
 
-  const counts: Record<string, number> = { all: apps.value.length };
+  const counts: Record<string, number> = { all: baseApps.value.length };
   sourceApps.forEach((app) => {
     if (!counts[app.category]) counts[app.category] = 0;
     counts[app.category]++;