WK 0d217e466f
refactor: optimization (#5362)
* chore(deps): bump RA versions

* chore(deps): bump RA versions

* chore(deps): bump RA versions

* chore: changeset

* chore(deps): remove unnecessary dependencies

* fix(calendar): typing issue

* refactor(system): remove unused SupportedCalendars

* refactor(system): move I18nProviderProps to type

* refactor: use `spectrumCalendarProps<DateValue>["createCalendar"]`

* feat: add consistent-type-imports

* fix: eslint

* chore: add changeset

* refactor: remove unused deps
2025-06-09 14:17:44 +08:00

38 lines
1.1 KiB
TypeScript

import type {SandpackTheme} from "@codesandbox/sandpack-react";
export const herouiTheme: SandpackTheme = {
colors: {
surface1: "hsl(var(--heroui-code-background))",
surface2: "hsl(var(--heroui-code-background))",
surface3: "hsl(0, 0%, 15%)",
disabled: "#A258DF2b",
base: "hsl(var(--heroui-code-background))",
clickable: "#ffffff",
hover: "#A258DF",
accent: "#A258DF",
error: "#811e18",
errorSurface: "#ffcdca",
},
syntax: {
plain: "rgb(var(--code-foreground))",
comment: {
color: "rgb(var(--code-comment))",
fontStyle: "italic",
fontWeight: "300",
},
keyword: "rgb(var(--code-keyword))",
definition: "rgb(var(--code-number))",
punctuation: "rgb(var(--code-punctuation))",
property: "rgb(var(--code-attr-name))",
tag: "rgb(var(--code-tag))",
static: "rgb(var(--code-number))",
string: "rgb(var(--code-string))",
},
font: {
body: "Inter var",
mono: 'ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace',
size: "14px",
lineHeight: "1.5rem",
},
};