diff --git a/src/types/color.ts b/src/types/color.ts
deleted file mode 100644
index 7e03f43..0000000
--- a/src/types/color.ts
+++ /dev/null
@@ -1,140 +0,0 @@
-const num = {
-  num1: null,
-  num2: null,
-  num3: null,
-  num4: null,
-  num5: null,
-  num6: null,
-  num7: null,
-};
-
-const alpha = {
-  num10: null,
-  num20: null,
-  num30: null,
-  num40: null,
-  num50: null,
-  num60: null,
-  num70: null,
-  num80: null,
-  num90: null,
-};
-
-export const primary = {
-  self: null,
-  contrast: null,
-  dark: num,
-  light: num,
-  alpha: alpha,
-  hover: null,
-  active: null,
-};
-
-export const secondary = {
-  self: null,
-  dark: {
-    num8: null,
-    num9: null,
-    num10: null,
-    num11: null,
-    num12: null,
-    num13: null,
-    ...num,
-  },
-  light: {
-    num1: null,
-    num2: null,
-    num3: null,
-    num4: null,
-  },
-  alpha: alpha,
-};
-
-const baseColor = {
-  self: null,
-  light: null,
-  dark: {
-    num1: null,
-    num2: null,
-  },
-};
-
-export const self = {
-  red: baseColor,
-  orange: baseColor,
-  yellow: baseColor,
-  olive: baseColor,
-  green: baseColor,
-  teal: baseColor,
-  blue: baseColor,
-  violet: baseColor,
-  purple: baseColor,
-  pink: baseColor,
-  brown: baseColor,
-  black: baseColor,
-  grey: {
-    self: null,
-    light: null,
-  },
-  gold: null,
-  white: null,
-};
-
-const ansiColor = {
-  black: null,
-  red: null,
-  green: null,
-  yellow: null,
-  blue: null,
-  magenta: null,
-  cyan: null,
-  white: null,
-};
-
-export const ansi = {
-  bright: ansiColor,
-  ...ansiColor,
-};
-
-export const console = {
-  fg: {
-    self: null,
-    subtle: null,
-  },
-  bg: null,
-  border: null,
-  active: {
-    bg: null,
-  },
-  hover: {
-    bg: null,
-  },
-  menu: {
-    bg: null,
-    border: null,
-  },
-};
-
-const row = {
-  bg: null,
-  border: null,
-};
-
-const line = {
-  linenum: {
-    bg: null,
-  },
-  row: row,
-  word: {
-    bg: null,
-  },
-};
-
-export const diff = {
-  added: line,
-  moved: {
-    row: row,
-  },
-  removed: line,
-  inactive: null,
-};
diff --git a/src/types/color/console.ts b/src/types/color/console.ts
new file mode 100644
index 0000000..4fc0194
--- /dev/null
+++ b/src/types/color/console.ts
@@ -0,0 +1,34 @@
+const ansiColor = {
+  black: null,
+  red: null,
+  green: null,
+  yellow: null,
+  blue: null,
+  magenta: null,
+  cyan: null,
+  white: null,
+};
+
+export const ansi = {
+  bright: ansiColor,
+  ...ansiColor,
+};
+
+export const console = {
+  fg: {
+    self: null,
+    subtle: null,
+  },
+  bg: null,
+  border: null,
+  active: {
+    bg: null,
+  },
+  hover: {
+    bg: null,
+  },
+  menu: {
+    bg: null,
+    border: null,
+  },
+};
diff --git a/src/types/color/diff.ts b/src/types/color/diff.ts
new file mode 100644
index 0000000..b154e2b
--- /dev/null
+++ b/src/types/color/diff.ts
@@ -0,0 +1,23 @@
+const row = {
+  bg: null,
+  border: null,
+};
+
+const line = {
+  linenum: {
+    bg: null,
+  },
+  row: row,
+  word: {
+    bg: null,
+  },
+};
+
+export const diff = {
+  added: line,
+  moved: {
+    row: row,
+  },
+  removed: line,
+  inactive: null,
+};
diff --git a/src/types/color/index.ts b/src/types/color/index.ts
new file mode 100644
index 0000000..f1a4fe3
--- /dev/null
+++ b/src/types/color/index.ts
@@ -0,0 +1,5 @@
+export { ansi, console } from "./console";
+export { diff } from "./diff";
+export { primary, secondary } from "./main";
+export { error, info, success, warning } from "./message";
+export { self } from "./named";
diff --git a/src/types/color/main.ts b/src/types/color/main.ts
new file mode 100644
index 0000000..c342eb2
--- /dev/null
+++ b/src/types/color/main.ts
@@ -0,0 +1,51 @@
+const num = {
+  num1: null,
+  num2: null,
+  num3: null,
+  num4: null,
+  num5: null,
+  num6: null,
+  num7: null,
+};
+
+const alpha = {
+  num10: null,
+  num20: null,
+  num30: null,
+  num40: null,
+  num50: null,
+  num60: null,
+  num70: null,
+  num80: null,
+  num90: null,
+};
+
+export const primary = {
+  self: null,
+  contrast: null,
+  dark: num,
+  light: num,
+  alpha: alpha,
+  hover: null,
+  active: null,
+};
+
+export const secondary = {
+  self: null,
+  dark: {
+    num8: null,
+    num9: null,
+    num10: null,
+    num11: null,
+    num12: null,
+    num13: null,
+    ...num,
+  },
+  light: {
+    num1: null,
+    num2: null,
+    num3: null,
+    num4: null,
+  },
+  alpha: alpha,
+};
diff --git a/src/types/color/message.ts b/src/types/color/message.ts
new file mode 100644
index 0000000..4e80ee8
--- /dev/null
+++ b/src/types/color/message.ts
@@ -0,0 +1,25 @@
+const msg = {
+  bg: null,
+  border: null,
+  text: null,
+};
+
+export const error = {
+  ...msg,
+  bg: {
+    self: null,
+    active: null,
+    hover: null,
+  },
+};
+
+export const success = {
+  ...msg,
+};
+
+export const warning = {
+  ...msg,
+};
+export const info = {
+  ...msg,
+};
diff --git a/src/types/color/named.ts b/src/types/color/named.ts
new file mode 100644
index 0000000..16f014b
--- /dev/null
+++ b/src/types/color/named.ts
@@ -0,0 +1,59 @@
+const baseColor = {
+  self: null,
+  light: null,
+  dark: {
+    num1: null,
+    num2: null,
+  },
+};
+
+const commitColor = {
+  /** 提交哈希值颜色 */
+  badge: {
+    /** 边框色 */
+    self: null,
+    /** 背景色 */
+    bg: null,
+    /** 悬停时背景色 */
+    hover: {
+      bg: null,
+    },
+  },
+};
+
+export const self = {
+  /** 红色/提交警告签名颜色 */
+  red: {
+    ...commitColor,
+    ...baseColor,
+  },
+  /** 橙色/提交未匹配签名颜色 */
+  orange: {
+    ...commitColor,
+    ...baseColor,
+  },
+  /** 黄色/提交未信任签名颜色 */
+  yellow: {
+    ...commitColor,
+    ...baseColor
+  },
+  olive: baseColor,
+  /** 绿色/提交信任签名颜色 */
+  green: {
+    ...commitColor,
+    ...baseColor
+  },
+  teal: baseColor,
+  blue: baseColor,
+  violet: baseColor,
+  purple: baseColor,
+  pink: baseColor,
+  brown: baseColor,
+  black: baseColor,
+  grey: {
+    self: null,
+    light: null,
+  },
+  gold: null,
+  white: null,
+};