From 13cf22181f7503a9a92e79eee3a6e8d72e7472c2 Mon Sep 17 00:00:00 2001
From: Ananyamadhu08 <78725970+Ananyamadhu08@users.noreply.github.com>
Date: Sun, 30 Oct 2022 18:35:55 +0530
Subject: [PATCH] feat: added oceanBlue theme

---
 sandpack-themes/src/index.ts     |  1 +
 sandpack-themes/src/oceanBlue.ts | 36 ++++++++++++++++++++++++++++++++
 2 files changed, 37 insertions(+)
 create mode 100644 sandpack-themes/src/oceanBlue.ts

diff --git a/sandpack-themes/src/index.ts b/sandpack-themes/src/index.ts
index 7b7c913b9..c8f3e6481 100644
--- a/sandpack-themes/src/index.ts
+++ b/sandpack-themes/src/index.ts
@@ -14,3 +14,4 @@ export { monokaiPro } from "./monokaiPro";
 export { neoCyan } from "./neoCyan";
 export { nightOwl } from "./nightOwl";
 export { sandpackDark } from "./sandpackDark";
+export { oceanBlue } from "./oceanBlue";
diff --git a/sandpack-themes/src/oceanBlue.ts b/sandpack-themes/src/oceanBlue.ts
new file mode 100644
index 000000000..81c017a84
--- /dev/null
+++ b/sandpack-themes/src/oceanBlue.ts
@@ -0,0 +1,36 @@
+import type { SandpackTheme } from "./types";
+
+export const oceanBlue: SandpackTheme = {
+  colors: {
+    surface1: "#151515",
+    surface2: "#252525",
+    surface3: "#2F2F2F",
+    clickable: "#999999",
+    base: "#f4eded",
+    disabled: "#4D4D4D",
+    hover: "#C5C5C5",
+    accent: "#4a90e2",
+    error: "#5d04a7",
+    errorSurface: "#efe6f6",
+  },
+  syntax: {
+    plain: "#FFFFFF",
+    comment: {
+      color: "#757575",
+      fontStyle: "italic",
+    },
+    keyword: "#4a90e2",
+    tag: "#7199c7",
+    punctuation: "#ffffff",
+    definition: "#b7d3f3",
+    property: "#4a90e2",
+    static: "#5d04a7",
+    string: "#dbe3ec",
+  },
+  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",
+  },
+};