From 493657bcb53bbf4c44aebef882f17ec3b0278ba7 Mon Sep 17 00:00:00 2001 From: lutinglt Date: Sat, 1 Nov 2025 14:08:02 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=20Diff/Actions=20=E7=9A=84?= =?UTF-8?q?=E4=B8=89=E7=82=B9=E8=8F=9C=E5=8D=95=E6=8C=89=E9=92=AE=E6=A0=B7?= =?UTF-8?q?=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- CHANGELOG.md | 2 +- src/types/color/github.ts | 1 + styles/components/actions.ts | 3 ++- styles/components/diff.ts | 9 ++++++++- styles/components/release.ts | 6 +++--- 5 files changed, 15 insertions(+), 6 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index 6629274..e81f115 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -3,7 +3,7 @@ ##### 更符合 GitHub 风格 - 优化用户头像样式 -- 优化 Issue/PR 的评论菜单按钮样式 +- 优化 Issue/PR/Diff/Actions 的三点菜单按钮样式 - 优化用户动态样式 ### 🐞 Fix diff --git a/src/types/color/github.ts b/src/types/color/github.ts index b3141e3..eb6d216 100644 --- a/src/types/color/github.ts +++ b/src/types/color/github.ts @@ -194,6 +194,7 @@ export const github = { * @issue `issueList` 头部菜单左侧开启关闭菜单的悬停背景颜色 * @dashboard `dashboard` 仓库列表项目的悬停背景颜色 * @notification `notification` 通知列表的按钮悬停背景颜色 + * @actions `actions` 列表页运行信息的三点操作按钮悬停背景颜色 */ hover: null, }, diff --git a/styles/components/actions.ts b/styles/components/actions.ts index 701d707..467d8ce 100644 --- a/styles/components/actions.ts +++ b/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; diff --git a/styles/components/diff.ts b/styles/components/diff.ts index bbd2865..729fd33 100644 --- a/styles/components/diff.ts +++ b/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; + } } } } diff --git a/styles/components/release.ts b/styles/components/release.ts index 36249c4..6e63d7b 100644 --- a/styles/components/release.ts +++ b/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 {