Update domain page UI

2024-04-13 07:34:13 +10:00
parent 3217387373
commit 293277ed32
9 changed files with 643 additions and 17 deletions
--- a/packages/ui/code-theme.ts
+++ b/packages/ui/code-theme.ts
@@ -0,0 +1,148 @@
+const codeTheme: {
+  [key: string]: React.CSSProperties;
+} = {
+  hljs: {
+    display: "block",
+    overflowX: "auto",
+    padding: "0.5em",
+    background: "#070808",
+    color: "#d6deeb",
+  },
+  "hljs-keyword": {
+    color: "#c792ea",
+    fontStyle: "italic",
+  },
+  "hljs-built_in": {
+    color: "#addb67",
+    fontStyle: "italic",
+  },
+  "hljs-type": {
+    color: "#82aaff",
+  },
+  "hljs-literal": {
+    color: "#ff5874",
+  },
+  "hljs-number": {
+    color: "#F78C6C",
+  },
+  "hljs-regexp": {
+    color: "#5ca7e4",
+  },
+  "hljs-string": {
+    color: "#ecc48d",
+  },
+  "hljs-subst": {
+    color: "#d3423e",
+  },
+  "hljs-symbol": {
+    color: "#82aaff",
+  },
+  "hljs-class": {
+    color: "#ffcb8b",
+  },
+  "hljs-function": {
+    color: "#82AAFF",
+  },
+  "hljs-title": {
+    color: "#DCDCAA",
+    fontStyle: "italic",
+  },
+  "hljs-params": {
+    color: "#7fdbca",
+  },
+  "hljs-comment": {
+    color: "#637777",
+    fontStyle: "italic",
+  },
+  "hljs-doctag": {
+    color: "#7fdbca",
+  },
+  "hljs-meta": {
+    color: "#82aaff",
+  },
+  "hljs-meta-keyword": {
+    color: "#82aaff",
+  },
+  "hljs-meta-string": {
+    color: "#ecc48d",
+  },
+  "hljs-section": {
+    color: "#82b1ff",
+  },
+  "hljs-tag": {
+    color: "#7fdbca",
+  },
+  "hljs-name": {
+    color: "#7fdbca",
+  },
+  "hljs-builtin-name": {
+    color: "#7fdbca",
+  },
+  "hljs-attr": {
+    color: "#7fdbca",
+  },
+  "hljs-attribute": {
+    color: "#80cbc4",
+  },
+  "hljs-variable": {
+    color: "#addb67",
+  },
+  "hljs-bullet": {
+    color: "#d9f5dd",
+  },
+  "hljs-code": {
+    color: "#80CBC4",
+  },
+  "hljs-emphasis": {
+    color: "#c792ea",
+    fontStyle: "italic",
+  },
+  "hljs-strong": {
+    color: "#addb67",
+    fontWeight: "bold",
+  },
+  "hljs-formula": {
+    color: "#c792ea",
+  },
+  "hljs-link": {
+    color: "#ff869a",
+  },
+  "hljs-quote": {
+    color: "#697098",
+    fontStyle: "italic",
+  },
+  "hljs-selector-tag": {
+    color: "#ff6363",
+  },
+  "hljs-selector-id": {
+    color: "#fad430",
+  },
+  "hljs-selector-class": {
+    color: "#addb67",
+    fontStyle: "italic",
+  },
+  "hljs-selector-attr": {
+    color: "#c792ea",
+    fontStyle: "italic",
+  },
+  "hljs-selector-pseudo": {
+    color: "#c792ea",
+    fontStyle: "italic",
+  },
+  "hljs-template-tag": {
+    color: "#c792ea",
+  },
+  "hljs-template-variable": {
+    color: "#addb67",
+  },
+  "hljs-addition": {
+    color: "#addb67ff",
+    fontStyle: "italic",
+  },
+  "hljs-deletion": {
+    color: "#EF535090",
+    fontStyle: "italic",
+  },
+};
+
+export default codeTheme;