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 {