diff --git a/sandpack-themes/src/ecoLight.ts b/sandpack-themes/src/ecoLight.ts new file mode 100644 index 000000000..0ba5982c6 --- /dev/null +++ b/sandpack-themes/src/ecoLight.ts @@ -0,0 +1,37 @@ +import type { SandpackTheme } from "./types"; + +// ecoLight is inspired by love for green and associative environmental colors +export const ecoLight: SandpackTheme = { + colors: { + surface1: "#eae8e8", + surface2: "#009977", + surface3: "#ffffff", + clickable: "#572222", + base: "#f7eaea", + disabled: "#C5C5C5", + hover: "#4D4D4D", + accent: "#0a56b3", + error: "#ff453a", + errorSurface: "#e8cac6", + }, + syntax: { + plain: "#151515", + comment: { + color: "#a9a7a7", + fontStyle: "italic", + }, + keyword: "#0971F1", + tag: "#097104", + punctuation: "#3B3B3B", + definition: "#042d60", + property: "#9013fe", + static: "#FF453A", + string: "#f5a623", + }, + font: { + body: '-apple-system, BlinkMacSystemFont, "Overpass", 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: "15px", + lineHeight: "19px", + }, +}; diff --git a/sandpack-themes/src/index.ts b/sandpack-themes/src/index.ts index 3405897b1..f79848224 100644 --- a/sandpack-themes/src/index.ts +++ b/sandpack-themes/src/index.ts @@ -5,5 +5,4 @@ export { githubLight } from "./githubLight"; export { monokaiPro } from "./monokaiPro"; export { nightOwl } from "./nightOwl"; export { sandpackDark } from "./sandpackDark"; -export { gruvboxLight } from "./gruvboxLight"; -export { gruvboxDark } from "./gruvboxDark"; +export { ecoLight } from "./ecoLight";