优化 Diff/Actions 的三点菜单按钮样式

CHANGELOG.md

@@ -3,7 +3,7 @@
 ##### 更符合 GitHub 风格
 
 - 优化用户头像样式
-- 优化 Issue/PR 的评论菜单按钮样式
+- 优化 Issue/PR/Diff/Actions 的三点菜单按钮样式
 - 优化用户动态样式
 
 ### 🐞 Fix

src/types/color/github.ts

@@ -194,6 +194,7 @@ export const github = {
          * @issue `issueList` 头部菜单左侧开启关闭菜单的悬停背景颜色
          * @dashboard `dashboard` 仓库列表项目的悬停背景颜色
          * @notification `notification` 通知列表的按钮悬停背景颜色
+         * @actions `actions` 列表页运行信息的三点操作按钮悬停背景颜色
          */
         hover: null,
       },

styles/components/actions.ts

@@ -88,9 +88,10 @@ export const actions = css`
               border-radius: ${otherThemeVars.border.radius};
             }
             > .ui.dropdown.jump {
+              border-radius: ${otherThemeVars.border.radius};
               color: ${themeVars.color.text.light.num1};
               &:hover {
-                color: ${themeVars.color.primary.self};
+                background-color: ${themeVars.github.control.transparent.bgColor.hover};
               }
               .menu > .item:hover {
                 color: ${themeVars.color.text.self} !important;

styles/components/diff.ts

@@ -1,4 +1,4 @@
-import { css, themeVars } from "src/types/vars";
+import { css, otherThemeVars, themeVars } from "src/types/vars";
 
 export const diff = css`
   /* 折叠行多余的颜色 */
@@ -63,9 +63,16 @@ export const diff = css`
       }
       // 操作按钮
       .diff-file-header-actions {
+        border-radius: ${otherThemeVars.border.radius};
         color: ${themeVars.color.text.light.num1};
         font-size: 12px;
         font-weight: 400;
+        &:hover {
+          background-color: ${themeVars.github.control.transparent.bgColor.hover};
+        }
+        .diff-header-popup-btn {
+          padding: 5px !important;
+        }
       }
     }
   }

styles/components/release.ts

@@ -114,7 +114,7 @@ export const releases = css`
           // 标题
           .release-list-title {
             font-size: 32px;
-            gap: 16px;
+            gap: 8px;
           }
           // 提交信息
           p.text.grey {
@@ -140,13 +140,13 @@ export const releases = css`
             position: relative;
             left: -16px;
             width: calc(100% + 32px);
-            border-top-width: 1.5px;
+            border-top-width: 1px;
             margin: 24px 0 16px 0;
           }
           // 下载列表
           .download {
             summary {
-              font-size: 18px;
+              font-size: 16px;
               font-weight: 600;
               margin-top: 16px;
               &::marker {