From 4b2916a75be3f075c76b585d2f1b45946a739933 Mon Sep 17 00:00:00 2001
From: lutinglt <lutinglt@users.noreply.github.com>
Date: Mon, 7 Jul 2025 14:31:39 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E6=A0=87=E7=AD=BE=E9=A2=9C?=
 =?UTF-8?q?=E8=89=B2=E5=92=8C=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .github/release.md             |  5 +++--
 src/types/color/github.ts      |  4 ++++
 styles/components/actions.tsx  | 33 +++++++++++++++++++++++++++++++++
 styles/components/filelist.tsx |  1 -
 styles/public/label.tsx        | 14 ++++++++++++++
 styles/public/menu.tsx         |  3 +++
 6 files changed, 57 insertions(+), 3 deletions(-)

diff --git a/.github/release.md b/.github/release.md
index c565a40..529217c 100644
--- a/.github/release.md
+++ b/.github/release.md
@@ -10,9 +10,10 @@
 - 优化二级菜单按钮高度
 - 优化提交/分支/标签统计栏的激活颜色
 
-
 ## 🐞 Fix
 
+- 修复多个标签组合的范围标签圆角 #4
 - 修复探索/组织/用户页下的仓库主题标签样式
 - 修复仓库标签页右侧按钮大小
-- 修复管理员页面 Runner 任务状态标签的边框色
\ No newline at end of file
+- 修复管理员页面 Runner 任务状态标签的边框色
+- 修复 Actions 页面下的分支标签按钮颜色
\ No newline at end of file
diff --git a/src/types/color/github.ts b/src/types/color/github.ts
index e5f9e7f..24b1adb 100644
--- a/src/types/color/github.ts
+++ b/src/types/color/github.ts
@@ -5,6 +5,8 @@ export const github = {
      * @actions `actionViewRight` 右侧日志标题颜色
      * @issue `prBranch` 分支名称文本颜色
      * @repo `repoTopic` 仓库主题标签文本颜色
+     * @actions `actions` 分支标签按钮文本颜色
+     * @actions `actionViewHeader` 分支标签按钮文本颜色
      */
     accent: null,
     /** 成功的文本颜色
@@ -31,6 +33,8 @@ export const github = {
       /** 暗淡的背景颜色
        * @issue `prBranch` 分支名称背景颜色
        * @repo `repoTopic` 仓库主题标签背景颜色
+       * @actions `actions` 分支标签按钮背景颜色
+       * @actions `actionViewHeader` 分支标签按钮背景颜色
        */
       muted: null,
     },
diff --git a/styles/components/actions.tsx b/styles/components/actions.tsx
index 4aa3dbf..928f987 100644
--- a/styles/components/actions.tsx
+++ b/styles/components/actions.tsx
@@ -53,6 +53,22 @@ export const actions = css`
         border-bottom-left-radius: ${otherThemeVars.border.radius};
         border-bottom-right-radius: ${otherThemeVars.border.radius};
 
+        // 分支标签按钮
+        .run-list-ref {
+          background-color: ${themeVars.github.bgColor.accent.muted};
+          color: ${themeVars.github.fgColor.accent};
+          font-weight: 400;
+          &:hover {
+            background-color: ${themeVars.github.bgColor.accent.muted};
+            color: ${themeVars.github.fgColor.accent};
+            text-decoration-line: underline !important;
+          }
+        }
+        // 标签右侧任务信息
+        .run-list-item-right {
+          color: ${themeVars.color.text.light.num1};
+        }
+
         .flex-item {
           padding: 16px;
 
@@ -108,6 +124,23 @@ export const runWorkflow = css`
   }
 `;
 
+// 工作流详情页标题
+export const actionViewHeader = css`
+  .action-view-header {
+    .action-commit-summary {
+      // 分支标签按钮
+      .ui.label {
+        background-color: ${themeVars.github.bgColor.accent.muted};
+        color: ${themeVars.github.fgColor.accent};
+        font-weight: 400;
+        > a {
+          opacity: 1;
+        }
+      }
+    }
+  }
+`;
+
 // 工作流左侧作业列表
 export const actionViewLeft = css`
   .action-view-left {
diff --git a/styles/components/filelist.tsx b/styles/components/filelist.tsx
index 5d0e878..fc2a2d9 100644
--- a/styles/components/filelist.tsx
+++ b/styles/components/filelist.tsx
@@ -16,7 +16,6 @@ export const branchButton = css`
   }
 `;
 
-
 // 仓库按钮
 export const repoButton = css`
   .page-content.repository.file.list {
diff --git a/styles/public/label.tsx b/styles/public/label.tsx
index 1577c6a..8a1f393 100644
--- a/styles/public/label.tsx
+++ b/styles/public/label.tsx
@@ -8,6 +8,20 @@ export const label = css`
     &.ui.ui.ui {
       &.label {
         border-radius: 25px;
+        // 多个标签的组合标签的圆角修复
+        &.scope-parent {
+          .scope-left {
+            border-top-right-radius: 0;
+            border-bottom-right-radius: 0;
+          }
+          .scope-middle {
+            border-radius: 0;
+          }
+          .scope-right {
+            border-top-left-radius: 0;
+            border-bottom-left-radius: 0;
+          }
+        }
         /* 主色调标签 */
         &.primary {
           background-color: unset;
diff --git a/styles/public/menu.tsx b/styles/public/menu.tsx
index ef4e9fe..1dff67e 100644
--- a/styles/public/menu.tsx
+++ b/styles/public/menu.tsx
@@ -158,6 +158,9 @@ export const secondaryMenu = css`
         margin-bottom: 0.5rem !important;
       }
     }
+    .item {
+      font-weight: 400; // 二级导航栏不需要加粗
+    }
     .active.item,
     .dropdown.item,
     .link.item,