@codesandbox/sandpack-themes
Version:
<img style="width:100%" src="https://user-images.githubusercontent.com/4838076/165913019-2903e055-0399-4b2a-ba10-db9ae9ded1e2.jpg" alt="Component toolkit for live running code editing experiences" />
41 lines (40 loc) • 1.23 kB
TypeScript
interface SandpackSyntaxStyle {
color?: string;
fontStyle?: "normal" | "italic";
fontWeight?: "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900";
textDecoration?: "none" | "underline" | "line-through" | "underline line-through";
}
export interface SandpackTheme {
colors: {
surface1: string;
surface2: string;
surface3: string;
disabled: string;
base: string;
clickable: string;
hover: string;
accent: string;
error?: string;
errorSurface?: string;
warning?: string;
warningSurface?: string;
};
syntax: {
plain: string | SandpackSyntaxStyle;
comment: string | SandpackSyntaxStyle;
keyword: string | SandpackSyntaxStyle;
definition: string | SandpackSyntaxStyle;
punctuation: string | SandpackSyntaxStyle;
property: string | SandpackSyntaxStyle;
tag: string | SandpackSyntaxStyle;
static: string | SandpackSyntaxStyle;
string?: string | SandpackSyntaxStyle;
};
font: {
body: string;
mono: string;
size: string;
lineHeight: string;
};
}
export {};