diff --git a/.github/release.md b/.github/release.md index dab3652..c9ef298 100644 --- a/.github/release.md +++ b/.github/release.md @@ -2,9 +2,11 @@ #### 更符合 GitHub 风格 +- 同步 PR 的合并提交头像样式 +- 同步 PR 中的合并提交按钮颜色 + ## 🎈 Perf -- 优化 PR 中的合并提交按钮颜色 - 优化全局按钮样式 ## 🐞 Fix diff --git a/src/types/color/github.ts b/src/types/color/github.ts index 904dc2c..87a514a 100644 --- a/src/types/color/github.ts +++ b/src/types/color/github.ts @@ -41,6 +41,7 @@ export const github = { success: { /** 成功的背景颜色 * @issue `babel` 重新开启图标背景颜色 + * @issue `prMerge` 合并提交的图标背景色 */ emphasis: null, }, diff --git a/styles/components/issue.tsx b/styles/components/issue.tsx index 03b87b3..c9d3722 100644 --- a/styles/components/issue.tsx +++ b/styles/components/issue.tsx @@ -1,4 +1,4 @@ -import { css, themeVars } from "src/types/vars"; +import { css, otherThemeVars, themeVars } from "src/types/vars"; import { activeItemAfterStyle } from "styles/public/menu"; export const button = css` @@ -121,3 +121,23 @@ export const dropdown = css` } } `; + +// PR 界面的 PR 操作评论头像 +export const prMerge = css` + .repository.view.issue .comment-list .timeline-item.pull-merge-box { + .timeline-avatar { + background-color: ${themeVars.github.bgColor.success.emphasis}; + color: ${themeVars.color.text.self} !important; + border-radius: ${otherThemeVars.border.radius}; + width: 40px; + height: 40px; + display: flex; + align-items: center; + justify-content: center; + svg { + width: 24px; + height: 24px; + } + } + } +`;