输入框, svg, 弹窗样式迁移

src/core/github.ts

@@ -58,6 +58,9 @@ export type GithubColor = {
     };
   };
   borderColor: {
+    accent: {
+      emphasis: string;
+    };
     default: string;
     muted: string;
     translucent: string;
@@ -100,6 +103,11 @@ export type GithubColor = {
   shadow: {
     floating: string;
   };
+  overlay: {
+    backdrop: {
+      bgColor: string;
+    };
+  };
 };
 
 export function defineGithubTheme(githubColor: GithubColor): Theme {
@@ -175,7 +183,7 @@ export function defineGithubTheme(githubColor: GithubColor): Theme {
     timeline: githubColor.borderColor.muted,
     input: {
       text: themeVars.color.text.self,
-      background: themeVars.color.body,
+      background: githubColor.bgColor.muted,
       toggleBackgound: themeVars.color.body,
       border: {
         self: themeVars.color.light.border,
@@ -239,7 +247,7 @@ export function defineGithubTheme(githubColor: GithubColor): Theme {
       fg: githubColor.fgColor.attention,
       bg: githubColor.bgColor.attention.muted,
     },
-    overlayBackdrop: themeVars.color.body,
+    overlayBackdrop: githubColor.overlay.backdrop.bgColor,
   };
 
   const github: Github = {
@@ -255,6 +263,11 @@ export function defineGithubTheme(githubColor: GithubColor): Theme {
         emphasis: githubColor.bgColor.accent.emphasis,
       },
     },
+    borderColor: {
+      accent: {
+        emphasis: githubColor.borderColor.accent.emphasis,
+      },
+    },
     button: {
       default: {
         bgColor: {

src/types/color/github.ts

@@ -19,6 +19,7 @@ export const github = {
     success: null,
     /** 完成的文本颜色
      * @issue `button` 关闭工单按钮文本颜色
+     * @svg `issueClosed` 工单已关闭图标颜色
      */
     done: null,
   },
@@ -32,6 +33,14 @@ export const github = {
       emphasis: null,
     },
   },
+  borderColor: {
+    accent: {
+      /** 强调色
+       * @input `input` 输入框被选中时的边框颜色
+       */
+      emphasis: null,
+    },
+  },
   button: {
     /** 普通按钮 */
     default: {

src/types/color/other.ts

@@ -149,6 +149,6 @@ export const other = {
     /** 背景色 */
     bg: null,
   },
-  /** 不知道啥玩意 dimmer 的背景色 */
+  /** 叠加背景色, 比如弹窗时遮蔽页面其他部分的背景色 */
   overlayBackdrop: "color-overlay-backdrop",
 };