Merge branch 'main' into csb-ntphvw/draft/agitated-wildflower

sandpack-themes/src/index.ts

@@ -8,6 +8,7 @@ export { sandpackDark } from "./sandpackDark";
 export { ecoLight } from "./ecoLight";
 export { freeCodeCampDark } from "./freeCodeCampDark";
 export { amethyst } from "./amethyst";
+export { neoCyan } from "./neoCyan";
 export { cobalt2 } from "./cobalt2";
 export { levelUp } from "./levelUp";
 

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",
+  },
+};