导航栏右侧按钮和头像样式同步

styles/components/actions.tsx

@@ -35,10 +35,6 @@ export const actions = css`
         border-top-right-radius: ${otherThemeVars.border.radius};
         padding: 16px;
         margin-bottom: 0;
-
-        .item {
-          padding: 6px 12px;
-        }
       }
 
       .ui.info.message {

styles/components/filelist.tsx

@@ -16,21 +16,6 @@ export const branchButton = css`
   }
 `;
 
-// 顶部提交, 标签, 分支
-export const repoMenu = css`
-  .page-content.repository.file.list {
-    .repository-summary .repository-menu {
-      background-color: ${themeVars.color.box.header};
-      .item {
-        color: ${themeVars.color.text.light.num1};
-        b {
-          color: ${themeVars.color.text.self};
-          margin: 0 2px;
-        }
-      }
-    }
-  }
-`;
 
 // 仓库按钮
 export const repoButton = css`

styles/components/release.tsx

@@ -87,14 +87,22 @@ export const releases = css`
         }
       }
     }
-    // 顶部右侧按钮组
-    .ui.small.button {
-      background-color: ${themeVars.color.button};
-      padding: 5px 16px;
-      min-height: auto;
-      line-height: 20px;
-      &:hover {
-        background-color: ${themeVars.color.hover.self};
+  }
+`;
+
+// 顶部右侧按钮组
+export const rightButton = css`
+  .page-content.repository {
+    &.releases,
+    &.tags {
+      .ui.small.button {
+        background-color: ${themeVars.color.button};
+        padding: 5px 16px;
+        min-height: auto;
+        line-height: 20px;
+        &:hover {
+          background-color: ${themeVars.color.hover.self};
+        }
       }
     }
   }

styles/components/repo.tsx

@@ -54,19 +54,52 @@ export const repoHeader = css`
   }
 `;
 
-export const repoTopic = css`
-  #repo-topics {
-    .ui.label.repo-topic {
-      border-radius: 25px;
-      font-size: 12px;
-      padding: 5px 10px;
-      margin: 0px 1.5px 3.5px 0px;
-      background-color: ${themeVars.github.bgColor.accent.muted};
-      color: ${themeVars.github.fgColor.accent};
-      &:hover {
-        background-color: ${themeVars.github.bgColor.accent.emphasis};
-        color: ${themeVars.color.text.self};
+// 顶部提交, 标签, 分支统计
+export const repoMenu = css`
+  .page-content.repository {
+    .repository-summary .repository-menu {
+      background-color: ${themeVars.color.box.header};
+      .item {
+        color: ${themeVars.color.text.light.num1};
+        height: 31px; // 文件列表下与右侧输入框对齐
+        b {
+          color: ${themeVars.color.text.self};
+          margin: 0 2px;
+        }
+        &.active {
+          background-color: ${themeVars.color.active};
+          color: ${themeVars.color.text.self};
+          font-weight: 500;
+          svg {
+            color: ${themeVars.color.text.light.num1};
+          }
+        }
       }
     }
   }
 `;
+
+export const repoTopic = css`
+  // 理应只能覆盖探索/组织/用户下仓库的 topic 标签
+  .label-list .ui.label,
+  // 仓库文件列表下的 topic 标签
+  #repo-topics .ui.label.repo-topic {
+    border-radius: 25px;
+    font-size: 12px;
+    padding: 5px 10px;
+    margin: 0px 1.5px 3.5px 0px;
+    background-color: ${themeVars.github.bgColor.accent.muted};
+    color: ${themeVars.github.fgColor.accent};
+    &:hover {
+      background-color: ${themeVars.github.bgColor.accent.emphasis};
+      color: ${themeVars.color.text.self};
+    }
+  }
+`;
+
+// 仓库动态页面关闭工单状态条颜色
+export const closedIssueTableCell = css`
+  .stats-table .table-cell.tw-bg-red[href="#closed-issues"] {
+    background-color: ${themeVars.color.purple.self} !important;
+  }
+`;