Update gruvboxDark.ts and gruvboxLight.ts

codesandbox · Oct 4, 2022 · 8d0c33c · 8d0c33c
1 parent a1709aa
commit 8d0c33c
Show file tree

Hide file tree

Showing 2 changed files with 74 additions and 74 deletions.
diff --git a/sandpack-themes/src/gruvboxDark.ts b/sandpack-themes/src/gruvboxDark.ts
@@ -1,37 +1,37 @@
-import type { SandpackTheme } from "./types";
-
-// Reference: https://github.com/gruvbox-community/gruvbox
-export const gruvboxDark: SandpackTheme = {
-  colors: {
-    surface1: "#282828",
-    surface2: "#3c3836",
-    surface3: "#3c3836",
-    clickable: "#ebdbb2",
-    base: "#ebdbb2",
-    disabled: "#928374",
-    hover: "#fe8019",
-    accent: "#d65d0e",
-    error: "#ff453a",
-    errorSurface: "#3c3836",
-  },
-  syntax: {
-    plain: "#ebdbb2",
-    comment: {
-      color: "#928374",
-      fontStyle: "italic",
-    },
-    keyword: "#ff453a",
-    tag: "#83a598",
-    punctuation: "#ebdbb2",
-    definition: "#83a598",
-    property: "#fabd2f",
-    static: "#ebdbb2",
-    string: "#b8bb26",
-  },
-  font: {
-    body: '-apple-system, BlinkMacSystemFont, "Segoe UI", 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: "13px",
-    lineHeight: "20px",
-  },
-};
+import type { SandpackTheme } from "./types";
+
+// Reference: https://github.com/gruvbox-community/gruvbox
+export const gruvboxDark: SandpackTheme = {
+  colors: {
+    surface1: "#282828",
+    surface2: "#3c3836",
+    surface3: "#3c3836",
+    clickable: "#ebdbb2",
+    base: "#ebdbb2",
+    disabled: "#928374",
+    hover: "#fe8019",
+    accent: "#d65d0e",
+    error: "#ff453a",
+    errorSurface: "#3c3836",
+  },
+  syntax: {
+    plain: "#ebdbb2",
+    comment: {
+      color: "#928374",
+      fontStyle: "italic",
+    },
+    keyword: "#ff453a",
+    tag: "#83a598",
+    punctuation: "#ebdbb2",
+    definition: "#83a598",
+    property: "#fabd2f",
+    static: "#ebdbb2",
+    string: "#b8bb26",
+  },
+  font: {
+    body: '-apple-system, BlinkMacSystemFont, "Segoe UI", 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: "13px",
+    lineHeight: "20px",
+  },
+};
diff --git a/sandpack-themes/src/gruvboxLight.ts b/sandpack-themes/src/gruvboxLight.ts
@@ -1,37 +1,37 @@
-import type { SandpackTheme } from "./types";
-
-// Reference: https://github.com/gruvbox-community/gruvbox
-export const gruvboxLight: SandpackTheme = {
-  colors: {
-    surface1: "#fbf1c7",
-    surface2: "#ebdbb2",
-    surface3: "#ebdbb2",
-    clickable: "#808080",
-    base: "#3c3836",
-    disabled: "#928374",
-    hover: "#af3a03",
-    accent: "#d65d0e",
-    error: "#9d0006",
-    errorSurface: "#ebdbb2",
-  },
-  syntax: {
-    plain: "#3c3836",
-    comment: {
-      color: "#928374",
-      fontStyle: "italic",
-    },
-    keyword: "#9d0006",
-    tag: "#076678",
-    punctuation: "#3c3836",
-    definition: "#076678",
-    property: "#b57614",
-    static: "#3c3836",
-    string: "#79740e",
-  },
-  font: {
-    body: '-apple-system, BlinkMacSystemFont, "Segoe UI", 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: "13px",
-    lineHeight: "20px",
-  },
-};
+import type { SandpackTheme } from "./types";
+
+// Reference: https://github.com/gruvbox-community/gruvbox
+export const gruvboxLight: SandpackTheme = {
+  colors: {
+    surface1: "#fbf1c7",
+    surface2: "#ebdbb2",
+    surface3: "#ebdbb2",
+    clickable: "#808080",
+    base: "#3c3836",
+    disabled: "#928374",
+    hover: "#af3a03",
+    accent: "#d65d0e",
+    error: "#9d0006",
+    errorSurface: "#ebdbb2",
+  },
+  syntax: {
+    plain: "#3c3836",
+    comment: {
+      color: "#928374",
+      fontStyle: "italic",
+    },
+    keyword: "#9d0006",
+    tag: "#076678",
+    punctuation: "#3c3836",
+    definition: "#076678",
+    property: "#b57614",
+    static: "#3c3836",
+    string: "#79740e",
+  },
+  font: {
+    body: '-apple-system, BlinkMacSystemFont, "Segoe UI", 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: "13px",
+    lineHeight: "20px",
+  },
+};