同步仓库已标星的星星颜色

.github/release.md

@@ -27,6 +27,7 @@
 - 同步分支菜单宽度
 - 同步通知页面样式
 - 优化仪表板的仓库组织切换按钮样式
+- 同步仓库已标星的星星颜色
 
 ### 🐞 Fix
 

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: {

src/types/color/github.ts

@@ -160,6 +160,10 @@ export const github = {
         hover: null,
       },
     },
+    star: {
+      /** 已标星的星星颜色 */
+      iconColor: null,
+    },
   },
   control: {
     bgColor: {

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;
+  }
+`;

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,

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,

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" },

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" },

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" },