@octanejs/syntax-highlighter 0.0.1

package/src/styles/hljs/atom-one-light.js

@@ -0,0 +1,114 @@
+export default {
+	hljs: {
+		display: "block",
+		overflowX: "auto",
+		padding: "0.5em",
+		color: "#383a42",
+		background: "#fafafa",
+	},
+	"hljs-comment": {
+		color: "#a0a1a7",
+		fontStyle: "italic",
+	},
+	"hljs-quote": {
+		color: "#a0a1a7",
+		fontStyle: "italic",
+	},
+	"hljs-doctag": {
+		color: "#a626a4",
+	},
+	"hljs-keyword": {
+		color: "#a626a4",
+	},
+	"hljs-formula": {
+		color: "#a626a4",
+	},
+	"hljs-section": {
+		color: "#e45649",
+	},
+	"hljs-name": {
+		color: "#e45649",
+	},
+	"hljs-selector-tag": {
+		color: "#e45649",
+	},
+	"hljs-deletion": {
+		color: "#e45649",
+	},
+	"hljs-subst": {
+		color: "#e45649",
+	},
+	"hljs-literal": {
+		color: "#0184bb",
+	},
+	"hljs-string": {
+		color: "#50a14f",
+	},
+	"hljs-regexp": {
+		color: "#50a14f",
+	},
+	"hljs-addition": {
+		color: "#50a14f",
+	},
+	"hljs-attribute": {
+		color: "#50a14f",
+	},
+	"hljs-meta-string": {
+		color: "#50a14f",
+	},
+	"hljs-built_in": {
+		color: "#c18401",
+	},
+	"hljs-class .hljs-title": {
+		color: "#c18401",
+	},
+	"hljs-attr": {
+		color: "#986801",
+	},
+	"hljs-variable": {
+		color: "#986801",
+	},
+	"hljs-template-variable": {
+		color: "#986801",
+	},
+	"hljs-type": {
+		color: "#986801",
+	},
+	"hljs-selector-class": {
+		color: "#986801",
+	},
+	"hljs-selector-attr": {
+		color: "#986801",
+	},
+	"hljs-selector-pseudo": {
+		color: "#986801",
+	},
+	"hljs-number": {
+		color: "#986801",
+	},
+	"hljs-symbol": {
+		color: "#4078f2",
+	},
+	"hljs-bullet": {
+		color: "#4078f2",
+	},
+	"hljs-link": {
+		color: "#4078f2",
+		textDecoration: "underline",
+	},
+	"hljs-meta": {
+		color: "#4078f2",
+	},
+	"hljs-selector-id": {
+		color: "#4078f2",
+	},
+	"hljs-title": {
+		color: "#4078f2",
+	},
+	"hljs-emphasis": {
+		fontStyle: "italic",
+	},
+	"hljs-strong": {
+		fontWeight: "bold",
+	},
+};

package/src/styles/hljs/brown-paper.d.ts

@@ -0,0 +1,3 @@
+import type { CSSProperties } from "react";
+declare const style: Record<string, CSSProperties>;
+export default style;

package/src/styles/hljs/brown-paper.js

@@ -0,0 +1,91 @@
+export default {
+	hljs: {
+		display: "block",
+		overflowX: "auto",
+		padding: "0.5em",
+		background: "#b7a68e url(./brown-papersq.png)",
+		color: "#363c69",
+	},
+	"hljs-keyword": {
+		color: "#005599",
+		fontWeight: "bold",
+	},
+	"hljs-selector-tag": {
+		color: "#005599",
+		fontWeight: "bold",
+	},
+	"hljs-literal": {
+		color: "#005599",
+		fontWeight: "bold",
+	},
+	"hljs-subst": {
+		color: "#363c69",
+	},
+	"hljs-string": {
+		color: "#2c009f",
+	},
+	"hljs-title": {
+		color: "#2c009f",
+		fontWeight: "bold",
+	},
+	"hljs-section": {
+		color: "#2c009f",
+		fontWeight: "bold",
+	},
+	"hljs-type": {
+		color: "#2c009f",
+		fontWeight: "bold",
+	},
+	"hljs-attribute": {
+		color: "#2c009f",
+	},
+	"hljs-symbol": {
+		color: "#2c009f",
+	},
+	"hljs-bullet": {
+		color: "#2c009f",
+	},
+	"hljs-built_in": {
+		color: "#2c009f",
+	},
+	"hljs-addition": {
+		color: "#2c009f",
+	},
+	"hljs-variable": {
+		color: "#2c009f",
+	},
+	"hljs-template-tag": {
+		color: "#2c009f",
+	},
+	"hljs-template-variable": {
+		color: "#2c009f",
+	},
+	"hljs-link": {
+		color: "#2c009f",
+	},
+	"hljs-name": {
+		color: "#2c009f",
+		fontWeight: "bold",
+	},
+	"hljs-comment": {
+		color: "#802022",
+	},
+	"hljs-quote": {
+		color: "#802022",
+	},
+	"hljs-meta": {
+		color: "#802022",
+	},
+	"hljs-deletion": {
+		color: "#802022",
+	},
+	"hljs-doctag": {
+		fontWeight: "bold",
+	},
+	"hljs-strong": {
+		fontWeight: "bold",
+	},
+	"hljs-emphasis": {
+		fontStyle: "italic",
+	},
+};

package/src/styles/hljs/codepen-embed.d.ts

@@ -0,0 +1,3 @@
+import type { CSSProperties } from "react";
+declare const style: Record<string, CSSProperties>;
+export default style;

package/src/styles/hljs/codepen-embed.js

@@ -0,0 +1,96 @@
+export default {
+	hljs: {
+		display: "block",
+		overflowX: "auto",
+		padding: "0.5em",
+		background: "#222",
+		color: "#fff",
+	},
+	"hljs-comment": {
+		color: "#777",
+	},
+	"hljs-quote": {
+		color: "#777",
+	},
+	"hljs-variable": {
+		color: "#ab875d",
+	},
+	"hljs-template-variable": {
+		color: "#ab875d",
+	},
+	"hljs-tag": {
+		color: "#ab875d",
+	},
+	"hljs-regexp": {
+		color: "#ab875d",
+	},
+	"hljs-meta": {
+		color: "#ab875d",
+	},
+	"hljs-number": {
+		color: "#ab875d",
+	},
+	"hljs-built_in": {
+		color: "#ab875d",
+	},
+	"hljs-builtin-name": {
+		color: "#ab875d",
+	},
+	"hljs-literal": {
+		color: "#ab875d",
+	},
+	"hljs-params": {
+		color: "#ab875d",
+	},
+	"hljs-symbol": {
+		color: "#ab875d",
+	},
+	"hljs-bullet": {
+		color: "#ab875d",
+	},
+	"hljs-link": {
+		color: "#ab875d",
+	},
+	"hljs-deletion": {
+		color: "#ab875d",
+	},
+	"hljs-section": {
+		color: "#9b869b",
+	},
+	"hljs-title": {
+		color: "#9b869b",
+	},
+	"hljs-name": {
+		color: "#9b869b",
+	},
+	"hljs-selector-id": {
+		color: "#9b869b",
+	},
+	"hljs-selector-class": {
+		color: "#9b869b",
+	},
+	"hljs-type": {
+		color: "#9b869b",
+	},
+	"hljs-attribute": {
+		color: "#9b869b",
+	},
+	"hljs-string": {
+		color: "#8f9c6c",
+	},
+	"hljs-keyword": {
+		color: "#8f9c6c",
+	},
+	"hljs-selector-tag": {
+		color: "#8f9c6c",
+	},
+	"hljs-addition": {
+		color: "#8f9c6c",
+	},
+	"hljs-emphasis": {
+		fontStyle: "italic",
+	},
+	"hljs-strong": {
+		fontWeight: "bold",
+	},
+};

package/src/styles/hljs/color-brewer.d.ts

@@ -0,0 +1,3 @@
+import type { CSSProperties } from "react";
+declare const style: Record<string, CSSProperties>;
+export default style;

package/src/styles/hljs/color-brewer.js

@@ -0,0 +1,99 @@
+export default {
+	hljs: {
+		display: "block",
+		overflowX: "auto",
+		padding: "0.5em",
+		background: "#fff",
+		color: "#000",
+	},
+	"hljs-subst": {
+		color: "#000",
+	},
+	"hljs-string": {
+		color: "#756bb1",
+	},
+	"hljs-meta": {
+		color: "#756bb1",
+	},
+	"hljs-symbol": {
+		color: "#756bb1",
+	},
+	"hljs-template-tag": {
+		color: "#756bb1",
+	},
+	"hljs-template-variable": {
+		color: "#756bb1",
+	},
+	"hljs-addition": {
+		color: "#756bb1",
+	},
+	"hljs-comment": {
+		color: "#636363",
+	},
+	"hljs-quote": {
+		color: "#636363",
+	},
+	"hljs-number": {
+		color: "#31a354",
+	},
+	"hljs-regexp": {
+		color: "#31a354",
+	},
+	"hljs-literal": {
+		color: "#31a354",
+	},
+	"hljs-bullet": {
+		color: "#31a354",
+	},
+	"hljs-link": {
+		color: "#31a354",
+	},
+	"hljs-deletion": {
+		color: "#88f",
+	},
+	"hljs-variable": {
+		color: "#88f",
+	},
+	"hljs-keyword": {
+		color: "#3182bd",
+	},
+	"hljs-selector-tag": {
+		color: "#3182bd",
+	},
+	"hljs-title": {
+		color: "#3182bd",
+	},
+	"hljs-section": {
+		color: "#3182bd",
+	},
+	"hljs-built_in": {
+		color: "#3182bd",
+	},
+	"hljs-doctag": {
+		color: "#3182bd",
+	},
+	"hljs-type": {
+		color: "#3182bd",
+	},
+	"hljs-tag": {
+		color: "#3182bd",
+	},
+	"hljs-name": {
+		color: "#3182bd",
+	},
+	"hljs-selector-id": {
+		color: "#3182bd",
+	},
+	"hljs-selector-class": {
+		color: "#3182bd",
+	},
+	"hljs-strong": {
+		color: "#3182bd",
+	},
+	"hljs-emphasis": {
+		fontStyle: "italic",
+	},
+	"hljs-attribute": {
+		color: "#e6550d",
+	},
+};

package/src/styles/hljs/darcula.d.ts

@@ -0,0 +1,3 @@
+import type { CSSProperties } from "react";
+declare const style: Record<string, CSSProperties>;
+export default style;

package/src/styles/hljs/darcula.js

@@ -0,0 +1,106 @@
+export default {
+	hljs: {
+		display: "block",
+		overflowX: "auto",
+		padding: "0.5em",
+		background: "#2b2b2b",
+		color: "#bababa",
+	},
+	"hljs-strong": {
+		color: "#a8a8a2",
+	},
+	"hljs-emphasis": {
+		color: "#a8a8a2",
+		fontStyle: "italic",
+	},
+	"hljs-bullet": {
+		color: "#6896ba",
+	},
+	"hljs-quote": {
+		color: "#6896ba",
+	},
+	"hljs-link": {
+		color: "#6896ba",
+	},
+	"hljs-number": {
+		color: "#6896ba",
+	},
+	"hljs-regexp": {
+		color: "#6896ba",
+	},
+	"hljs-literal": {
+		color: "#6896ba",
+	},
+	"hljs-code": {
+		color: "#a6e22e",
+	},
+	"hljs-selector-class": {
+		color: "#a6e22e",
+	},
+	"hljs-keyword": {
+		color: "#cb7832",
+	},
+	"hljs-selector-tag": {
+		color: "#cb7832",
+	},
+	"hljs-section": {
+		color: "#cb7832",
+	},
+	"hljs-attribute": {
+		color: "#cb7832",
+	},
+	"hljs-name": {
+		color: "#cb7832",
+	},
+	"hljs-variable": {
+		color: "#cb7832",
+	},
+	"hljs-params": {
+		color: "#b9b9b9",
+	},
+	"hljs-string": {
+		color: "#6a8759",
+	},
+	"hljs-subst": {
+		color: "#e0c46c",
+	},
+	"hljs-type": {
+		color: "#e0c46c",
+	},
+	"hljs-built_in": {
+		color: "#e0c46c",
+	},
+	"hljs-builtin-name": {
+		color: "#e0c46c",
+	},
+	"hljs-symbol": {
+		color: "#e0c46c",
+	},
+	"hljs-selector-id": {
+		color: "#e0c46c",
+	},
+	"hljs-selector-attr": {
+		color: "#e0c46c",
+	},
+	"hljs-selector-pseudo": {
+		color: "#e0c46c",
+	},
+	"hljs-template-tag": {
+		color: "#e0c46c",
+	},
+	"hljs-template-variable": {
+		color: "#e0c46c",
+	},
+	"hljs-addition": {
+		color: "#e0c46c",
+	},
+	"hljs-comment": {
+		color: "#7f7f7f",
+	},
+	"hljs-deletion": {
+		color: "#7f7f7f",
+	},
+	"hljs-meta": {
+		color: "#7f7f7f",
+	},
+};

package/src/styles/hljs/dark.d.ts

@@ -0,0 +1,3 @@
+import type { CSSProperties } from "react";
+declare const style: Record<string, CSSProperties>;
+export default style;

package/src/styles/hljs/dark.js

@@ -0,0 +1,91 @@
+export default {
+	hljs: {
+		display: "block",
+		overflowX: "auto",
+		padding: "0.5em",
+		background: "#444",
+		color: "#ddd",
+	},
+	"hljs-keyword": {
+		color: "white",
+		fontWeight: "bold",
+	},
+	"hljs-selector-tag": {
+		color: "white",
+		fontWeight: "bold",
+	},
+	"hljs-literal": {
+		color: "white",
+		fontWeight: "bold",
+	},
+	"hljs-section": {
+		color: "white",
+		fontWeight: "bold",
+	},
+	"hljs-link": {
+		color: "white",
+	},
+	"hljs-subst": {
+		color: "#ddd",
+	},
+	"hljs-string": {
+		color: "#d88",
+	},
+	"hljs-title": {
+		color: "#d88",
+		fontWeight: "bold",
+	},
+	"hljs-name": {
+		color: "#d88",
+		fontWeight: "bold",
+	},
+	"hljs-type": {
+		color: "#d88",
+		fontWeight: "bold",
+	},
+	"hljs-attribute": {
+		color: "#d88",
+	},
+	"hljs-symbol": {
+		color: "#d88",
+	},
+	"hljs-bullet": {
+		color: "#d88",
+	},
+	"hljs-built_in": {
+		color: "#d88",
+	},
+	"hljs-addition": {
+		color: "#d88",
+	},
+	"hljs-variable": {
+		color: "#d88",
+	},
+	"hljs-template-tag": {
+		color: "#d88",
+	},
+	"hljs-template-variable": {
+		color: "#d88",
+	},
+	"hljs-comment": {
+		color: "#777",
+	},
+	"hljs-quote": {
+		color: "#777",
+	},
+	"hljs-deletion": {
+		color: "#777",
+	},
+	"hljs-meta": {
+		color: "#777",
+	},
+	"hljs-doctag": {
+		fontWeight: "bold",
+	},
+	"hljs-strong": {
+		fontWeight: "bold",
+	},
+	"hljs-emphasis": {
+		fontStyle: "italic",
+	},
+};

package/src/styles/hljs/darkula.d.ts

@@ -0,0 +1,3 @@
+import type { CSSProperties } from "react";
+declare const style: Record<string, CSSProperties>;
+export default style;

package/src/styles/hljs/darkula.js

@@ -0,0 +1 @@
+export default {};

package/src/styles/hljs/default-style.d.ts

@@ -0,0 +1,3 @@
+import type { CSSProperties } from "react";
+declare const style: Record<string, CSSProperties>;
+export default style;