diff --git a/.github/release.md b/.github/release.md index ef52900..177902b 100644 --- a/.github/release.md +++ b/.github/release.md @@ -27,6 +27,7 @@ - 同步分支菜单宽度 - 同步通知页面样式 - 优化仪表板的仓库组织切换按钮样式 +- 同步仓库已标星的星星颜色 ### 🐞 Fix diff --git a/src/core/github.ts b/src/core/github.ts index e3b14b0..0f72772 100644 --- a/src/core/github.ts +++ b/src/core/github.ts @@ -60,6 +60,7 @@ export type GithubColor = { button: { primary: { fgColor: { rest: string }; bgColor: { hover: string } }; danger: { fgColor: { rest: string; hover: string }; bgColor: { hover: string } }; + star: { iconColor: string }; }; control: { bgColor: { active: string; hover: string; rest: string }; @@ -281,6 +282,9 @@ export function github2ThemeColor(githubColor: GithubColor): ThemeColor { hover: githubColor.borderColor.translucent, }, }, + star: { + iconColor: githubColor.button.star.iconColor, + }, }, control: { bgColor: { diff --git a/src/types/color/github.ts b/src/types/color/github.ts index 173aa11..5aaf312 100644 --- a/src/types/color/github.ts +++ b/src/types/color/github.ts @@ -160,6 +160,10 @@ export const github = { hover: null, }, }, + star: { + /** 已标星的星星颜色 */ + iconColor: null, + }, }, control: { bgColor: { diff --git a/styles/public/other.ts b/styles/public/other.ts index 1479a3f..449c0cb 100644 --- a/styles/public/other.ts +++ b/styles/public/other.ts @@ -1,4 +1,4 @@ -import { css } from "src/types/vars"; +import { css, themeVars } from "src/types/vars"; // 一些列表头, 比如工单的搜索标签里程碑栏 export const listHeader = css` @@ -7,3 +7,10 @@ export const listHeader = css` align-content: center; } `; + +// 已标星的图标 +export const star = css` + .octicon-star-fill { + color: ${themeVars.github.button.star.iconColor} !important; + } +`; diff --git a/themes/colorblind-dark.css.ts b/themes/colorblind-dark.css.ts index 517566c..1cf8146 100644 --- a/themes/colorblind-dark.css.ts +++ b/themes/colorblind-dark.css.ts @@ -30,6 +30,7 @@ export const colorblindDarkGithubColors: GithubColor = { button: { primary: { fgColor: { rest: "#ffffff" }, bgColor: { hover: "#2a7aef" } }, danger: { fgColor: { rest: "#f0883e", hover: "#ffffff" }, bgColor: { hover: "#9b4215" } }, + star: darkGithubColors.button.star, }, control: darkGithubColors.control, shadow: darkGithubColors.shadow, diff --git a/themes/colorblind-light.css.ts b/themes/colorblind-light.css.ts index f2cd855..eff68e1 100644 --- a/themes/colorblind-light.css.ts +++ b/themes/colorblind-light.css.ts @@ -30,6 +30,7 @@ export const colorblindLightGithubColors: GithubColor = { button: { primary: { fgColor: { rest: "#ffffff" }, bgColor: { hover: "#0864d1" } }, danger: { fgColor: { rest: "#bc4c00", hover: "#ffffff" }, bgColor: { hover: "#bc4c00" } }, + star: lightGithubColors.button.star, }, control: lightGithubColors.control, shadow: lightGithubColors.shadow, diff --git a/themes/dark.css.ts b/themes/dark.css.ts index 8d956d7..4034f86 100644 --- a/themes/dark.css.ts +++ b/themes/dark.css.ts @@ -56,6 +56,7 @@ export const darkGithubColors: GithubColor = { button: { primary: { fgColor: { rest: "#ffffff" }, bgColor: { hover: "#29903b" } }, danger: { fgColor: { rest: "#fa5e55", hover: "#ffffff" }, bgColor: { hover: "#b62324" } }, + star: { iconColor: "#e3b341" }, }, control: { bgColor: { active: "#2a313c", hover: "#262c36", rest: "#212830" }, diff --git a/themes/light.css.ts b/themes/light.css.ts index b79bebf..292245b 100644 --- a/themes/light.css.ts +++ b/themes/light.css.ts @@ -56,6 +56,7 @@ export const lightGithubColors: GithubColor = { button: { primary: { fgColor: { rest: "#ffffff" }, bgColor: { hover: "#1c8139" } }, danger: { fgColor: { rest: "#d1242f", hover: "#ffffff" }, bgColor: { hover: "#cf222e" } }, + star: { iconColor: "#eac54f" }, }, control: { bgColor: { active: "#e6eaef", hover: "#eff2f5", rest: "#f6f8fa" }, diff --git a/themes/soft-dark.css.ts b/themes/soft-dark.css.ts index 281e409..2c7aaac 100644 --- a/themes/soft-dark.css.ts +++ b/themes/soft-dark.css.ts @@ -51,6 +51,7 @@ export const softDarkGithubColors: GithubColor = { button: { primary: { fgColor: { rest: "#ffffff" }, bgColor: { hover: "#3b8640" } }, danger: { fgColor: { rest: "#ea5c53", hover: "#ffffff" }, bgColor: { hover: "#ad2e2c" } }, + star: { iconColor: "#daaa3f" }, }, control: { bgColor: { active: "#3d444d", hover: "#2f3742", rest: "#2a313c" },