c063 1.3.0 → 1.3.1

package/dist/libs/default-dark-modern.js

@@ -1,15 +1,16 @@
 export const map = {
-    keyword1: "#569cd6", // 深藍色關鍵字
-    keyword2: "#c586c0", // 紫色關鍵字
-    string: "#ce9178", // 淺棕色字串
-    number: "#b5cea8", // 淺綠色數字
-    comment: "#6a9955", // 綠色註解
-    variable: "#9cdcfe", // 藍色變數
-    constant: "#4fc1ff", // 藍色常數
-    type: "#4ec9b0", // 青綠色類型
-    brackets1: "#ffd700", // 金黃色括號層級1
-    brackets2: "#da70d6", // 紫羅蘭色括號層級2
-    brackets3: "#179fff", // 藍色括號層級3
-    operator: "#d4d4d4", // 淺灰色運算符
-    default: "#d4d4d4", // 淺灰色預設文字
+    function: "#dcdcaa",
+    keyword1: "#569cd6",
+    keyword2: "#c586c0",
+    string: "#ce9178",
+    number: "#b5cea8",
+    comment: "#6a9955",
+    variable: "#9cdcfe",
+    constant: "#4fc1ff",
+    type: "#4ec9b0",
+    brackets1: "#ffd700",
+    brackets2: "#da70d6",
+    brackets3: "#179fff",
+    operator: "#d4d4d4",
+    default: "#d4d4d4",
 };

package/dist/libs/default-dark-plus.d.ts

@@ -0,0 +1,2 @@
+import { CodeTokenType } from "../types";
+export declare const map: Record<CodeTokenType, React.CSSProperties["color"]>;

package/dist/libs/default-dark-plus.js

@@ -0,0 +1,16 @@
+export const map = {
+    function: "#dcdcaa",
+    keyword1: "#569cd6",
+    keyword2: "#c586c0",
+    string: "#ce9178",
+    number: "#b5cea8",
+    comment: "#6a9955",
+    variable: "#9cdcfe",
+    constant: "#4fc1ff",
+    type: "#4ec9b0",
+    brackets1: "#ffd700",
+    brackets2: "#da70d6",
+    brackets3: "#179fff",
+    operator: "#d4d4d4",
+    default: "#d4d4d4",
+};

package/dist/libs/default-dark.d.ts

@@ -0,0 +1,2 @@
+import { CodeTokenType } from "../types";
+export declare const map: Record<CodeTokenType, React.CSSProperties["color"]>;

package/dist/libs/default-dark.js

@@ -0,0 +1,16 @@
+export const map = {
+    function: "#d4d4d4",
+    keyword1: "#569cd6",
+    keyword2: "#569cd6",
+    string: "#ce9178",
+    number: "#b5cea8",
+    comment: "#6a9955",
+    variable: "#d4d4d4",
+    constant: "#d4d4d4",
+    type: "#d4d4d4",
+    brackets1: "#ffd700",
+    brackets2: "#da70d6",
+    brackets3: "#179fff",
+    operator: "#d4d4d4",
+    default: "#d4d4d4",
+};

package/dist/libs/default-light-modern.d.ts

@@ -0,0 +1,2 @@
+import { CodeTokenType } from "../types";
+export declare const map: Record<CodeTokenType, React.CSSProperties["color"]>;

package/dist/libs/default-light-modern.js

@@ -0,0 +1,16 @@
+export const map = {
+    function: "rgb(121, 94, 38)",
+    keyword1: "rgb(0, 0, 255)",
+    keyword2: "rgb(175, 0, 219)",
+    string: "rgb(163, 21, 21)",
+    number: "rgb(9, 134, 88)",
+    comment: "rgb(0, 128, 0)",
+    variable: "rgb(0, 16, 128)",
+    constant: "rgb(0, 112, 193)",
+    type: "rgb(0, 0, 255)",
+    brackets1: "rgb(4, 49, 250)",
+    brackets2: "rgb(49, 147, 49)",
+    brackets3: "rgb(123, 56, 20)",
+    operator: "rgb(0, 0, 0)",
+    default: "rgb(0, 0, 0)",
+};

package/dist/libs/default-light-plus.d.ts

@@ -0,0 +1,2 @@
+import { CodeTokenType } from "../types";
+export declare const map: Record<CodeTokenType, React.CSSProperties["color"]>;

package/dist/libs/default-light-plus.js

@@ -0,0 +1,16 @@
+export const map = {
+    function: "#795e26",
+    keyword1: "#0000ff",
+    keyword2: "#af00db",
+    string: "#a31515",
+    number: "#098658",
+    comment: "#008000",
+    variable: "#001080",
+    constant: "#0070c1",
+    type: "#267f99",
+    brackets1: "#0431fa",
+    brackets2: "#319331",
+    brackets3: "#7b3814",
+    operator: "#000000",
+    default: "#000000",
+};

package/dist/libs/github-dark-colorblind.d.ts

@@ -0,0 +1,2 @@
+import { CodeTokenType } from "../types";
+export declare const map: Record<CodeTokenType, React.CSSProperties["color"]>;

package/dist/libs/github-dark-colorblind.js

@@ -0,0 +1,16 @@
+export const map = {
+    function: "rgb(210, 168, 255)",
+    keyword1: "rgb(236, 142, 44)",
+    keyword2: "rgb(236, 142, 44)",
+    string: "rgb(165, 214, 255)",
+    number: "rgb(121, 192, 255)",
+    comment: "#rgb(139, 148, 158)",
+    variable: "rgb(201, 209, 217)",
+    constant: "rgb(121, 192, 255)",
+    type: "rgb(236, 142, 44)",
+    brackets1: "rgb(121, 192, 255)",
+    brackets2: "rgb(121, 192, 255)",
+    brackets3: "rgb(227, 179, 65)",
+    operator: "rgb(236, 142, 44)",
+    default: "rgb(201, 209, 217)",
+};

package/dist/libs/github-dark-default.d.ts

@@ -0,0 +1,2 @@
+import { CodeTokenType } from "../types";
+export declare const map: Record<CodeTokenType, React.CSSProperties["color"]>;

package/dist/libs/github-dark-default.js

@@ -0,0 +1,17 @@
+export const map = {
+    function: "#d2a8ff",
+    keyword1: "#ff7b72",
+    keyword2: "#ff7b72",
+    string: "#a5d6ff",
+    number: "#79c0ff",
+    comment: "##6a737d",
+    variable: "#e6edf3",
+    constant: "#79c0ff",
+    type: "#ff7b72",
+    brackets1: "#79c0ff",
+    brackets2: "#56d364",
+    brackets3: "#e3b341",
+    brackets4: "#ffa198",
+    operator: "#ff7b72",
+    default: "#e6edf3",
+};

package/dist/libs/github-dark.d.ts

@@ -0,0 +1,2 @@
+import { CodeTokenType } from "../types";
+export declare const map: Record<CodeTokenType, React.CSSProperties["color"]>;

package/dist/libs/github-dark.js

@@ -0,0 +1,16 @@
+export const map = {
+    function: "#b392f0",
+    keyword1: "#f97583",
+    keyword2: "#f97583",
+    string: "#9ecbff",
+    number: "#79b8ff",
+    comment: "##6a737d",
+    variable: "#e1e4e8",
+    constant: "#79b8ff",
+    type: "#f97583",
+    brackets1: "#79b8ff",
+    brackets2: "#ffab70",
+    brackets3: "#b392f0",
+    operator: "#f97583",
+    default: "#e1e4e8",
+};

package/dist/libs/github-light-colorblind.d.ts

@@ -0,0 +1,2 @@
+import { CodeTokenType } from "../types";
+export declare const map: Record<CodeTokenType, React.CSSProperties["color"]>;

package/dist/libs/github-light-colorblind.js

@@ -0,0 +1,16 @@
+export const map = {
+    function: "#8250df",
+    keyword1: "#b35900",
+    keyword2: "#b35900",
+    string: "#0a3069",
+    number: "#0550ae",
+    comment: "#6e7781",
+    variable: "#24292f",
+    constant: "#0550ae",
+    type: "#b35900",
+    brackets1: "#0969da",
+    brackets2: "#0969da",
+    brackets3: "#9a6700",
+    operator: "#b35900",
+    default: "#24292f",
+};

package/dist/libs/github-light-default.d.ts

@@ -0,0 +1,2 @@
+import { CodeTokenType } from "../types";
+export declare const map: Record<CodeTokenType, React.CSSProperties["color"]>;

package/dist/libs/github-light-default.js

@@ -0,0 +1,16 @@
+export const map = {
+    function: "#8250df",
+    keyword1: "#cf222e",
+    keyword2: "#cf222e",
+    string: "#0a3069",
+    number: "##0550ae",
+    comment: "#6e7781",
+    variable: "#1f2328",
+    constant: "#0550ae",
+    type: "#cf222e",
+    brackets1: "#0969da",
+    brackets2: "#1a7f37",
+    brackets3: "#9a6700",
+    operator: "#cf222e",
+    default: "#24292e",
+};

package/dist/libs/github-light.d.ts

@@ -0,0 +1,2 @@
+import { CodeTokenType } from "../types";
+export declare const map: Record<CodeTokenType, React.CSSProperties["color"]>;

package/dist/libs/github-light.js

@@ -0,0 +1,16 @@
+export const map = {
+    function: "#6f42c1",
+    keyword1: "#d73a49",
+    keyword2: "#d73a49",
+    string: "#032f62",
+    number: "#005cc5",
+    comment: "#6a737d",
+    variable: "#24292e",
+    constant: "#0070c1",
+    type: "#6f42c1",
+    brackets1: "#005cc5",
+    brackets2: "#e36209",
+    brackets3: "#5a32a3",
+    operator: "#d73a49",
+    default: "#24292e",
+};

package/dist/libs/index.d.ts

@@ -1,7 +1,18 @@
 import type { CodeTokenType, CodeTheme } from "../types";
-export declare const themeRegistry: {
+declare const _themeRegistry: {
     readonly "default-dark-modern": Record<CodeTokenType, import("csstype").Property.Color | undefined>;
+    readonly "default-dark": Record<CodeTokenType, import("csstype").Property.Color | undefined>;
+    readonly "default-dark-plus": Record<CodeTokenType, import("csstype").Property.Color | undefined>;
     readonly "visual-studio-light": Record<CodeTokenType, import("csstype").Property.Color | undefined>;
+    readonly "default-light-plus": Record<CodeTokenType, import("csstype").Property.Color | undefined>;
+    readonly "default-light-modern": Record<CodeTokenType, import("csstype").Property.Color | undefined>;
+    readonly "github-light": Record<CodeTokenType, import("csstype").Property.Color | undefined>;
+    readonly "github-light-default": Record<CodeTokenType, import("csstype").Property.Color | undefined>;
+    readonly "github-light-colorblind": Record<CodeTokenType, import("csstype").Property.Color | undefined>;
+    readonly "github-dark": Record<CodeTokenType, import("csstype").Property.Color | undefined>;
+    readonly "github-dark-default": Record<CodeTokenType, import("csstype").Property.Color | undefined>;
+    readonly "github-dark-colorblind": Record<CodeTokenType, import("csstype").Property.Color | undefined>;
 };
-export declare const themes: (keyof typeof themeRegistry)[];
+export declare const themes: (keyof typeof _themeRegistry)[];
 export declare const themeMap: Record<CodeTheme, Record<CodeTokenType, React.CSSProperties["color"]>>;
+export {};

package/dist/libs/index.js

@@ -1,10 +1,30 @@
 import { map as darkModern } from "./default-dark-modern";
+import { map as dark } from "./default-dark";
+import { map as darkPlus } from "./default-dark-plus";
 import { map as vsLight } from "./visual-studio-light";
-export const themeRegistry = {
+import { map as lightPlus } from "./default-light-plus";
+import { map as lightModern } from "./default-light-modern";
+import { map as ghLight } from "./github-light";
+import { map as ghLightDefault } from "./github-light-default";
+import { map as ghLightBilnd } from "./github-light-colorblind";
+import { map as ghDark } from "./github-dark";
+import { map as ghDarkDefault } from "./github-dark-default";
+import { map as ghDarkBilnd } from "./github-dark-colorblind";
+const _themeRegistry = {
     "default-dark-modern": darkModern,
+    "default-dark": dark,
+    "default-dark-plus": darkPlus,
     "visual-studio-light": vsLight,
+    "default-light-plus": lightPlus,
+    "default-light-modern": lightModern,
+    "github-light": ghLight,
+    "github-light-default": ghLightDefault,
+    "github-light-colorblind": ghLightBilnd,
+    "github-dark": ghDark,
+    "github-dark-default": ghDarkDefault,
+    "github-dark-colorblind": ghDarkBilnd,
 };
 // 自動推導主題名稱
-export const themes = Object.keys(themeRegistry);
+export const themes = Object.keys(_themeRegistry);
 // themeMap 保留給外部使用
-export const themeMap = themeRegistry;
+export const themeMap = _themeRegistry;

package/dist/libs/visual-studio-light.js

@@ -1,7 +1,8 @@
 export const map = {
+    function: "#000000",
     keyword1: "#0000ff",
     keyword2: "#0000ff",
-    string: "#000000",
+    string: "#a31515",
     number: "#098658",
     comment: "#008000",
     variable: "#000000",
@@ -11,5 +12,5 @@ export const map = {
     brackets2: "#319331",
     brackets3: "#7b3814",
     operator: "#000000",
-    default: "#000000",
+    default: "#800000",
 };

package/dist/types/props.d.ts

@@ -23,7 +23,7 @@ import { AsComponentProps, OverrideProps } from "./common";
  * const token: CodeTokenType = "keyword1";
  * const token2: CodeTokenType = "string";
  */
-export type CodeTokenType = `keyword${1 | 2}` | "string" | "number" | "comment" | "type" | "variable" | "constant" | `brackets${1 | 2 | 3}` | "operator" | "default";
+export type CodeTokenType = `keyword${number}` | "function" | "string" | "number" | "comment" | "type" | "variable" | "constant" | `brackets${number}` | "operator" | "default";
 /**
  * 表示可用的語法高亮主題名稱。
  * 對應 `themes` 陣列中定義的名稱，例如 `"vscode-dark"`。

package/dist/utils/index.d.ts

@@ -5,12 +5,12 @@ import { CodeTokenBuilder, CodeTokenProps, CodeTokenType } from "../types";
  *
  * 使用方式：
  * ```tsx
- * c063["keyword-blue"]("const") // -> { type: "keyword-blue", children: "const" }
- * c063["string"]("'hello'", { as: "code" }) // 可自訂 as 或其他 props
+ * c063.keyword1("const") // -> { type: "keyword1", children: "const" }
+ * c063.string("'hello'", { as: "code" }) // 可自訂 as 或其他 props
  * ```
  *
  * @example
- * tokens.push(c063["keyword-blue"]("const"));
+ * tokens.push(c063.keyword1("const"));
  * tokens.push(c063.string("'Hello'"));
  *
  * @returns 一個以 `CodeTokenType` 為 key 的建構器函式集合

package/dist/utils/index.js

@@ -4,12 +4,12 @@
  *
  * 使用方式：
  * ```tsx
- * c063["keyword-blue"]("const") // -> { type: "keyword-blue", children: "const" }
- * c063["string"]("'hello'", { as: "code" }) // 可自訂 as 或其他 props
+ * c063.keyword1("const") // -> { type: "keyword1", children: "const" }
+ * c063.string("'hello'", { as: "code" }) // 可自訂 as 或其他 props
  * ```
  *
  * @example
- * tokens.push(c063["keyword-blue"]("const"));
+ * tokens.push(c063.keyword1("const"));
  * tokens.push(c063.string("'Hello'"));
  *
  * @returns 一個以 `CodeTokenType` 為 key 的建構器函式集合

package/package.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://json.schemastore.org/package.json",
   "name": "c063",
-  "version": "1.3.0",
+  "version": "1.3.1",
   "description": "A React component for displaying code snippets with syntax highlighting.",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/src/libs/default-dark-modern.tsx

@@ -1,17 +1,18 @@
 import { CodeTokenType } from "../types";
 
 export const map: Record<CodeTokenType, React.CSSProperties["color"]> = {
-  keyword1: "#569cd6", // 深藍色關鍵字
-  keyword2: "#c586c0", // 紫色關鍵字
-  string: "#ce9178", // 淺棕色字串
-  number: "#b5cea8", // 淺綠色數字
-  comment: "#6a9955", // 綠色註解
-  variable: "#9cdcfe", // 藍色變數
-  constant: "#4fc1ff", // 藍色常數
-  type: "#4ec9b0", // 青綠色類型
-  brackets1: "#ffd700", // 金黃色括號層級1
-  brackets2: "#da70d6", // 紫羅蘭色括號層級2
-  brackets3: "#179fff", // 藍色括號層級3
-  operator: "#d4d4d4", // 淺灰色運算符
-  default: "#d4d4d4", // 淺灰色預設文字
+  function: "#dcdcaa",
+  keyword1: "#569cd6",
+  keyword2: "#c586c0",
+  string: "#ce9178",
+  number: "#b5cea8",
+  comment: "#6a9955",
+  variable: "#9cdcfe",
+  constant: "#4fc1ff",
+  type: "#4ec9b0",
+  brackets1: "#ffd700",
+  brackets2: "#da70d6",
+  brackets3: "#179fff",
+  operator: "#d4d4d4",
+  default: "#d4d4d4",
 };

package/src/libs/default-dark-plus.tsx

@@ -0,0 +1,18 @@
+import { CodeTokenType } from "../types";
+
+export const map: Record<CodeTokenType, React.CSSProperties["color"]> = {
+  function: "#dcdcaa",
+  keyword1: "#569cd6",
+  keyword2: "#c586c0",
+  string: "#ce9178",
+  number: "#b5cea8",
+  comment: "#6a9955",
+  variable: "#9cdcfe",
+  constant: "#4fc1ff",
+  type: "#4ec9b0",
+  brackets1: "#ffd700",
+  brackets2: "#da70d6",
+  brackets3: "#179fff",
+  operator: "#d4d4d4",
+  default: "#d4d4d4",
+};

package/src/libs/default-dark.tsx

@@ -0,0 +1,18 @@
+import { CodeTokenType } from "../types";
+
+export const map: Record<CodeTokenType, React.CSSProperties["color"]> = {
+  function: "#d4d4d4",
+  keyword1: "#569cd6",
+  keyword2: "#569cd6",
+  string: "#ce9178",
+  number: "#b5cea8",
+  comment: "#6a9955",
+  variable: "#d4d4d4",
+  constant: "#d4d4d4",
+  type: "#d4d4d4",
+  brackets1: "#ffd700",
+  brackets2: "#da70d6",
+  brackets3: "#179fff",
+  operator: "#d4d4d4",
+  default: "#d4d4d4",
+};

package/src/libs/default-light-modern.tsx

@@ -0,0 +1,18 @@
+import { CodeTokenType } from "../types";
+
+export const map: Record<CodeTokenType, React.CSSProperties["color"]> = {
+  function: "rgb(121, 94, 38)",
+  keyword1: "rgb(0, 0, 255)",
+  keyword2: "rgb(175, 0, 219)",
+  string: "rgb(163, 21, 21)",
+  number: "rgb(9, 134, 88)",
+  comment: "rgb(0, 128, 0)",
+  variable: "rgb(0, 16, 128)",
+  constant: "rgb(0, 112, 193)",
+  type: "rgb(0, 0, 255)",
+  brackets1: "rgb(4, 49, 250)",
+  brackets2: "rgb(49, 147, 49)",
+  brackets3: "rgb(123, 56, 20)",
+  operator: "rgb(0, 0, 0)",
+  default: "rgb(0, 0, 0)",
+};

package/src/libs/default-light-plus.tsx

@@ -0,0 +1,18 @@
+import { CodeTokenType } from "../types";
+
+export const map: Record<CodeTokenType, React.CSSProperties["color"]> = {
+  function: "#795e26",
+  keyword1: "#0000ff",
+  keyword2: "#af00db",
+  string: "#a31515",
+  number: "#098658",
+  comment: "#008000",
+  variable: "#001080",
+  constant: "#0070c1",
+  type: "#267f99",
+  brackets1: "#0431fa",
+  brackets2: "#319331",
+  brackets3: "#7b3814",
+  operator: "#000000",
+  default: "#000000",
+};

package/src/libs/github-dark-colorblind.tsx

@@ -0,0 +1,18 @@
+import { CodeTokenType } from "../types";
+
+export const map: Record<CodeTokenType, React.CSSProperties["color"]> = {
+  function: "rgb(210, 168, 255)",
+  keyword1: "rgb(236, 142, 44)",
+  keyword2: "rgb(236, 142, 44)",
+  string: "rgb(165, 214, 255)",
+  number: "rgb(121, 192, 255)",
+  comment: "#rgb(139, 148, 158)",
+  variable: "rgb(201, 209, 217)",
+  constant: "rgb(121, 192, 255)",
+  type: "rgb(236, 142, 44)",
+  brackets1: "rgb(121, 192, 255)",
+  brackets2: "rgb(121, 192, 255)",
+  brackets3: "rgb(227, 179, 65)",
+  operator: "rgb(236, 142, 44)",
+  default: "rgb(201, 209, 217)",
+};

package/src/libs/github-dark-default.tsx

@@ -0,0 +1,19 @@
+import { CodeTokenType } from "../types";
+
+export const map: Record<CodeTokenType, React.CSSProperties["color"]> = {
+  function: "#d2a8ff",
+  keyword1: "#ff7b72",
+  keyword2: "#ff7b72",
+  string: "#a5d6ff",
+  number: "#79c0ff",
+  comment: "##6a737d",
+  variable: "#e6edf3",
+  constant: "#79c0ff",
+  type: "#ff7b72",
+  brackets1: "#79c0ff",
+  brackets2: "#56d364",
+  brackets3: "#e3b341",
+  brackets4: "#ffa198",
+  operator: "#ff7b72",
+  default: "#e6edf3",
+};

package/src/libs/github-dark.tsx

@@ -0,0 +1,18 @@
+import { CodeTokenType } from "../types";
+
+export const map: Record<CodeTokenType, React.CSSProperties["color"]> = {
+  function: "#b392f0",
+  keyword1: "#f97583",
+  keyword2: "#f97583",
+  string: "#9ecbff",
+  number: "#79b8ff",
+  comment: "##6a737d",
+  variable: "#e1e4e8",
+  constant: "#79b8ff",
+  type: "#f97583",
+  brackets1: "#79b8ff",
+  brackets2: "#ffab70",
+  brackets3: "#b392f0",
+  operator: "#f97583",
+  default: "#e1e4e8",
+};

package/src/libs/github-light-colorblind.tsx

@@ -0,0 +1,18 @@
+import { CodeTokenType } from "../types";
+
+export const map: Record<CodeTokenType, React.CSSProperties["color"]> = {
+  function: "#8250df",
+  keyword1: "#b35900",
+  keyword2: "#b35900",
+  string: "#0a3069",
+  number: "#0550ae",
+  comment: "#6e7781",
+  variable: "#24292f",
+  constant: "#0550ae",
+  type: "#b35900",
+  brackets1: "#0969da",
+  brackets2: "#0969da",
+  brackets3: "#9a6700",
+  operator: "#b35900",
+  default: "#24292f",
+};

package/src/libs/github-light-default.tsx

@@ -0,0 +1,18 @@
+import { CodeTokenType } from "../types";
+
+export const map: Record<CodeTokenType, React.CSSProperties["color"]> = {
+  function: "#8250df",
+  keyword1: "#cf222e",
+  keyword2: "#cf222e",
+  string: "#0a3069",
+  number: "##0550ae",
+  comment: "#6e7781",
+  variable: "#1f2328",
+  constant: "#0550ae",
+  type: "#cf222e",
+  brackets1: "#0969da",
+  brackets2: "#1a7f37",
+  brackets3: "#9a6700",
+  operator: "#cf222e",
+  default: "#24292e",
+};

package/src/libs/github-light.tsx

@@ -0,0 +1,18 @@
+import { CodeTokenType } from "../types";
+
+export const map: Record<CodeTokenType, React.CSSProperties["color"]> = {
+  function: "#6f42c1",
+  keyword1: "#d73a49",
+  keyword2: "#d73a49",
+  string: "#032f62",
+  number: "#005cc5",
+  comment: "#6a737d",
+  variable: "#24292e",
+  constant: "#0070c1",
+  type: "#6f42c1",
+  brackets1: "#005cc5",
+  brackets2: "#e36209",
+  brackets3: "#5a32a3",
+  operator: "#d73a49",
+  default: "#24292e",
+};

package/src/libs/index.tsx

@@ -1,19 +1,39 @@
 import type { CodeTokenType, CodeTheme } from "../types";
 import { map as darkModern } from "./default-dark-modern";
+import { map as dark } from "./default-dark";
+import { map as darkPlus } from "./default-dark-plus";
 import { map as vsLight } from "./visual-studio-light";
+import { map as lightPlus } from "./default-light-plus";
+import { map as lightModern } from "./default-light-modern";
+import { map as ghLight } from "./github-light";
+import { map as ghLightDefault } from "./github-light-default";
+import { map as ghLightBilnd } from "./github-light-colorblind";
+import { map as ghDark } from "./github-dark";
+import { map as ghDarkDefault } from "./github-dark-default";
+import { map as ghDarkBilnd } from "./github-dark-colorblind";
 
-export const themeRegistry = {
+const _themeRegistry = {
   "default-dark-modern": darkModern,
+  "default-dark": dark,
+  "default-dark-plus": darkPlus,
   "visual-studio-light": vsLight,
+  "default-light-plus": lightPlus,
+  "default-light-modern": lightModern,
+  "github-light": ghLight,
+  "github-light-default": ghLightDefault,
+  "github-light-colorblind": ghLightBilnd,
+  "github-dark": ghDark,
+  "github-dark-default": ghDarkDefault,
+  "github-dark-colorblind": ghDarkBilnd,
 } as const;
 
 // 自動推導主題名稱
 export const themes = Object.keys(
-  themeRegistry
-) as (keyof typeof themeRegistry)[];
+  _themeRegistry
+) as (keyof typeof _themeRegistry)[];
 
 // themeMap 保留給外部使用
 export const themeMap: Record<
   CodeTheme,
   Record<CodeTokenType, React.CSSProperties["color"]>
-> = themeRegistry;
+> = _themeRegistry;

package/src/libs/visual-studio-light.tsx

@@ -1,9 +1,10 @@
 import { CodeTokenType } from "../types";
 
 export const map: Record<CodeTokenType, React.CSSProperties["color"]> = {
+  function: "#000000",
   keyword1: "#0000ff",
   keyword2: "#0000ff",
-  string: "#000000",
+  string: "#a31515",
   number: "#098658",
   comment: "#008000",
   variable: "#000000",
@@ -13,5 +14,5 @@ export const map: Record<CodeTokenType, React.CSSProperties["color"]> = {
   brackets2: "#319331",
   brackets3: "#7b3814",
   operator: "#000000",
-  default: "#000000",
+  default: "#800000",
 };

package/src/types/props.tsx

@@ -24,14 +24,15 @@ import { AsComponentProps, OverrideProps } from "./common";
  * const token2: CodeTokenType = "string";
  */
 export type CodeTokenType =
-  | `keyword${1 | 2}` // 關鍵字，分兩種樣式層級
+  | `keyword${number}` // 關鍵字，分兩種樣式層級
+  | "function" // 函式名
   | "string" // 字串常值：'abc'、"hello"
   | "number" // 數值常量：123、3.14
   | "comment" // 註解內容：// 或 /* */
   | "type" // 類型定義：type、interface、enum
   | "variable" // 變數名、函式名、類別名等識別符號
   | "constant" // 常數值：例如 enum 值、靜態屬性
-  | `brackets${1 | 2 | 3}` // 括號配對，三層不同樣式：(), [], {}
+  | `brackets${number}` // 括號配對，多層不同樣式：(), [], {}
   | "operator" // 運算符號：=、+、*、===、<、>= 等
   | "default"; // 其他符號：, ; . ? ! 等
 

package/src/utils/index.ts

@@ -5,12 +5,12 @@ import { CodeTokenBuilder, CodeTokenProps, CodeTokenType } from "../types";
  *
  * 使用方式：
  * ```tsx
- * c063["keyword-blue"]("const") // -> { type: "keyword-blue", children: "const" }
- * c063["string"]("'hello'", { as: "code" }) // 可自訂 as 或其他 props
+ * c063.keyword1("const") // -> { type: "keyword1", children: "const" }
+ * c063.string("'hello'", { as: "code" }) // 可自訂 as 或其他 props
  * ```
  *
  * @example
- * tokens.push(c063["keyword-blue"]("const"));
+ * tokens.push(c063.keyword1("const"));
  * tokens.push(c063.string("'Hello'"));
  *
  * @returns 一個以 `CodeTokenType` 為 key 的建構器函式集合