Merge pull request #229 from gonstoll/master

Gruvbox material theme

Author: carbonrobot

packages/prism-react-renderer/src/themes/gruvboxMaterialDark.ts

@@ -0,0 +1,79 @@
+// Gruvbox Material (dark)
+// Author: Sainnhe Park (https://github.com/sainnhe)
+// https://github.com/sainnhe/gruvbox-material
+import type { PrismTheme } from "../types"
+const theme: PrismTheme = {
+  plain: {
+    color: "#ebdbb2",
+    backgroundColor: "#292828",
+  },
+  styles: [
+    {
+      types: [
+        "imports",
+        "class-name",
+        "maybe-class-name",
+        "constant",
+        "doctype",
+        "builtin",
+        "function",
+      ],
+      style: {
+        color: "#d8a657",
+      },
+    },
+    {
+      types: ["property-access"],
+      style: {
+        color: "#7daea3",
+      },
+    },
+    {
+      types: ["tag"],
+      style: {
+        color: "#e78a4e",
+      },
+    },
+    {
+      types: ["attr-name", "char", "url", "regex"],
+      style: {
+        color: "#a9b665",
+      },
+    },
+    {
+      types: ["attr-value", "string"],
+      style: {
+        color: "#89b482",
+      },
+    },
+    {
+      types: ["comment", "prolog", "cdata", "operator", "inserted"],
+      style: {
+        color: "#a89984",
+      },
+    },
+    {
+      types: [
+        "delimiter",
+        "boolean",
+        "keyword",
+        "selector",
+        "important",
+        "atrule",
+        "property",
+        "variable",
+        "deleted",
+      ],
+      style: {
+        color: "#ea6962",
+      },
+    },
+    {
+      types: ["entity", "number", "symbol"],
+      style: {
+        color: "#d3869b",
+      },
+    },
+  ],
+}
+export default theme

packages/prism-react-renderer/src/themes/gruvboxMaterialLight.ts

@@ -0,0 +1,78 @@
+// Gruvbox Material (light)
+// Author: Sainnhe Park (https://github.com/sainnhe)
+// https://github.com/sainnhe/gruvbox-material
+import type { PrismTheme } from "../types"
+const theme: PrismTheme = {
+  plain: {
+    color: "#654735",
+    backgroundColor: "#f9f5d7",
+  },
+  styles: [
+    {
+      types: [
+        "delimiter",
+        "boolean",
+        "keyword",
+        "selector",
+        "important",
+        "atrule",
+        "property",
+        "variable",
+        "deleted",
+      ],
+      style: {
+        color: "#af2528",
+      },
+    },
+    {
+      types: [
+        "imports",
+        "class-name",
+        "maybe-class-name",
+        "constant",
+        "doctype",
+        "builtin",
+      ],
+      style: {
+        color: "#b4730e",
+      },
+    },
+    {
+      types: ["string", "attr-value"],
+      style: {
+        color: "#477a5b",
+      },
+    },
+    {
+      types: ["property-access"],
+      style: {
+        color: "#266b79",
+      },
+    },
+    {
+      types: ["function", "attr-name", "char", "url"],
+      style: {
+        color: "#72761e",
+      },
+    },
+    {
+      types: ["tag"],
+      style: {
+        color: "#b94c07",
+      },
+    },
+    {
+      types: ["comment", "prolog", "cdata", "operator", "inserted"],
+      style: {
+        color: "#a89984",
+      },
+    },
+    {
+      types: ["entity", "number", "symbol"],
+      style: {
+        color: "#924f79",
+      },
+    },
+  ],
+}
+export default theme

packages/prism-react-renderer/src/themes/index.ts

@@ -16,3 +16,5 @@ export { default as jettwaveDark } from "./jettwaveDark"
 export { default as jettwaveLight } from "./jettwaveLight"
 export { default as oneDark } from "./oneDark"
 export { default as oneLight } from "./oneLight"
+export { default as gruvboxMaterialDark } from "./gruvboxMaterialDark"
+export { default as gruvboxMaterialLight } from "./gruvboxMaterialLight"