From 0cc75673090572da1a416d330a63ceb1070172c2 Mon Sep 17 00:00:00 2001 From: vedanth bora <75097551+VedanthB@users.noreply.github.com> Date: Mon, 17 Oct 2022 13:56:57 +0530 Subject: [PATCH] feat: added a new sandbox theme (#616) Co-authored-by: Danilo Woznica --- sandpack-themes/src/index.ts | 2 ++ sandpack-themes/src/neoCyan.ts | 36 ++++++++++++++++++++++++++++++++++ 2 files changed, 38 insertions(+) create mode 100644 sandpack-themes/src/neoCyan.ts diff --git a/sandpack-themes/src/index.ts b/sandpack-themes/src/index.ts index 30eff8ecf..94673cd6a 100644 --- a/sandpack-themes/src/index.ts +++ b/sandpack-themes/src/index.ts @@ -7,5 +7,7 @@ export { nightOwl } from "./nightOwl"; export { sandpackDark } from "./sandpackDark"; export { ecoLight } from "./ecoLight"; export { freeCodeCampDark } from "./freeCodeCampDark"; +export { neoCyan } from "./neoCyan"; export { cobalt2 } from "./cobalt2"; export { levelUp } from "./levelUp"; + diff --git a/sandpack-themes/src/neoCyan.ts b/sandpack-themes/src/neoCyan.ts new file mode 100644 index 000000000..b2bdc3f97 --- /dev/null +++ b/sandpack-themes/src/neoCyan.ts @@ -0,0 +1,36 @@ +import type { SandpackTheme } from "./types"; + +export const neoCyan: SandpackTheme = { + colors: { + surface1: "#2b3935", + surface2: "#191324", + surface3: "#524763", + clickable: "#aaaaaa", + base: "#ffffff", + disabled: "#aaaaaa", + hover: "#ffffff", + accent: "#82d8d8", + error: "#e54b4b", + errorSurface: "#191324", + }, + syntax: { + plain: "#ffffff", + comment: { + color: "#82d8d8", + fontStyle: "italic", + }, + keyword: "#e54b4b", + tag: "#ff26be", + punctuation: "#9588aa", + definition: "#82d8d8", + property: "#82d8d8", + static: "#82d8d8", + string: "#a8fe39", + }, + font: { + body: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"', + mono: '"MonoLisa", "Fira Mono", "DejaVu Sans Mono", Menlo, Consolas, "Liberation Mono", Monaco, "Lucida Console", monospace', + size: "12px", + lineHeight: "18px", + }, +};