diff --git a/sandpack-themes/src/githubDark.ts b/sandpack-themes/src/githubDark.ts new file mode 100644 index 000000000..d3643e53f --- /dev/null +++ b/sandpack-themes/src/githubDark.ts @@ -0,0 +1,36 @@ +import type { SandpackTheme } from "./types"; + +export const githubDark: SandpackTheme = { + colors: { + surface1: "#0d1117", + surface2: "#27272a", + surface3: "#3b3b4f", + clickable: "#999999", + base: "#999999", + disabled: "#4d4d4d", + hover: "#ffffff", + accent: "#ffffff", + error: "#e06c75", + errorSurface: "#ffeceb", + }, + syntax: { + plain: "#c9d1d9", + comment: { + color: "#8b949e", + fontStyle: "italic", + }, + keyword: "#ff7b72", + tag: "#7ee787", + punctuation: "#c9d1d9", + definition: "#d2a8ff", + property: "#79c0ff", + static: "#79c0ff", + string: "#a5d6ff", + }, + font: { + body: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"', + mono: '"Fira Mono", "DejaVu Sans Mono", Menlo, Consolas, "Liberation Mono", Monaco, "Lucida Console", monospace', + size: "13px", + lineHeight: "20px", + }, +}; diff --git a/sandpack-themes/src/index.ts b/sandpack-themes/src/index.ts index 7b7c913b9..b455b125a 100644 --- a/sandpack-themes/src/index.ts +++ b/sandpack-themes/src/index.ts @@ -7,6 +7,7 @@ export { dracula } from "./dracula"; export { ecoLight } from "./ecoLight"; export { freeCodeCampDark } from "./freeCodeCampDark"; export { githubLight } from "./githubLight"; +export { githubDark } from "./githubDark"; export { gruvboxDark } from "./gruvboxDark"; export { gruvboxLight } from "./gruvboxLight"; export { levelUp } from "./levelUp";