@oxide/design-system 6.0.4 → 6.0.5-canary.70a2cc8

package/dist/components/src/asciidoc/index.js

@@ -13,8 +13,16 @@ import { Content as Content4 } from "@oxide/react-asciidoc";
 // components/src/asciidoc/Admonition.tsx
 import { Content, parse, Title } from "@oxide/react-asciidoc";
 import { jsx, jsxs } from "react/jsx-runtime";
+var themeForAdmonition = {
+  note: "green-theme",
+  caution: "yellow-theme",
+  important: "yellow-theme",
+  warning: "red-theme",
+  tip: "purple-theme"
+};
 var Admonition = ({ node }) => {
   const attrs2 = node.attributes;
+  const theme = themeForAdmonition[attrs2.name] || "";
   let icon;
   if (attrs2.name === "caution") {
     icon = /* @__PURE__ */ jsx(Error12, {});
@@ -23,7 +31,7 @@ var Admonition = ({ node }) => {
   } else {
     icon = /* @__PURE__ */ jsx(Error12, { className: "rotate-180" });
   }
-  return /* @__PURE__ */ jsxs("div", { className: `admonitionblock ${attrs2.name}`, children: [
+  return /* @__PURE__ */ jsxs("div", { className: `admonitionblock ${attrs2.name} ${theme}`, children: [
     /* @__PURE__ */ jsx("div", { className: "admonition-icon", children: icon }),
     /* @__PURE__ */ jsxs("div", { className: "admonition-content content", children: [
       /* @__PURE__ */ jsx(Title, { text: node.title }),
@@ -478,12 +486,12 @@ var oxql_tmLanguage_default = {
   ]
 };
 
-// components/src/asciidoc/oxide-dark.json
-var oxide_dark_default = {
+// components/src/asciidoc/oxide-syntax.json
+var oxide_syntax_default = {
   name: "Oxide Dark",
   colors: {
-    "editor.background": "#080F11",
-    "editor.foreground": "#E7E7E8"
+    "editor.background": "var(--syntax-bg)",
+    "editor.foreground": "var(--syntax-fg)"
   },
   tokenColors: [
     {
@@ -494,32 +502,32 @@ var oxide_dark_default = {
         "punctuation.definition.variable"
       ],
       settings: {
-        foreground: "#E7E7E8"
+        foreground: "var(--syntax-fg)"
       }
     },
     {
       scope: "punctuation",
       settings: {
-        foreground: "#A1A4A5",
+        foreground: "var(--syntax-comment)",
         fontStyle: ""
       }
     },
     {
       scope: ["comment", "punctuation.definition.comment"],
       settings: {
-        foreground: "#A1A4A5"
+        foreground: "var(--syntax-comment)"
       }
     },
     {
       scope: ["string", "punctuation.definition.string"],
       settings: {
-        foreground: "#68D9A7"
+        foreground: "var(--syntax-string)"
       }
     },
     {
       scope: "constant.character.escape",
       settings: {
-        foreground: "#EFB7C2"
+        foreground: "var(--syntax-escape)"
       }
     },
     {
@@ -534,7 +542,7 @@ var oxide_dark_default = {
         "keyword.other.unit.suffix.floating-point"
       ],
       settings: {
-        foreground: "#EDD5A6"
+        foreground: "var(--syntax-number)"
       }
     },
     {
@@ -549,14 +557,14 @@ var oxide_dark_default = {
         "punctuation.definition.keyword"
       ],
       settings: {
-        foreground: "#C6A5EA",
+        foreground: "var(--syntax-keyword)",
         fontStyle: ""
       }
     },
     {
       scope: "entity.name.tag.documentation",
       settings: {
-        foreground: "#C6A5EA"
+        foreground: "var(--syntax-keyword)"
       }
     },
     {
@@ -569,7 +577,7 @@ var oxide_dark_default = {
         "punctuation.separator.key-value"
       ],
       settings: {
-        foreground: "#A7E0C8"
+        foreground: "var(--syntax-operator)"
       }
     },
     {
@@ -581,7 +589,7 @@ var oxide_dark_default = {
         "variable.function"
       ],
       settings: {
-        foreground: "#9DAFFA"
+        foreground: "var(--syntax-function)"
       }
     },
     {
@@ -593,31 +601,31 @@ var oxide_dark_default = {
         "entity.name.struct"
       ],
       settings: {
-        foreground: "#EDD5A6"
+        foreground: "var(--syntax-number)"
       }
     },
     {
       scope: "entity.name.enum",
       settings: {
-        foreground: "#EDD5A6"
+        foreground: "var(--syntax-number)"
       }
     },
     {
       scope: ["meta.enum variable.other.readwrite", "variable.other.enummember"],
       settings: {
-        foreground: "#A7E0C8"
+        foreground: "var(--syntax-operator)"
       }
     },
     {
       scope: "meta.property.object",
       settings: {
-        foreground: "#A7E0C8"
+        foreground: "var(--syntax-operator)"
       }
     },
     {
       scope: ["meta.type", "meta.type-alias", "support.type", "entity.name.type"],
       settings: {
-        foreground: "#EDD5A6"
+        foreground: "var(--syntax-number)"
       }
     },
     {
@@ -629,49 +637,49 @@ var oxide_dark_default = {
         "punctuation.decorator"
       ],
       settings: {
-        foreground: "#EDD5A6"
+        foreground: "var(--syntax-number)"
       }
     },
     {
       scope: ["variable.parameter", "meta.function.parameters"],
       settings: {
-        foreground: "#F39EAE"
+        foreground: "var(--syntax-parameter)"
       }
     },
     {
       scope: ["constant.language", "support.function.builtin"],
       settings: {
-        foreground: "#F7869B"
+        foreground: "var(--syntax-builtin)"
       }
     },
     {
       scope: "entity.other.attribute-name.documentation",
       settings: {
-        foreground: "#F7869B"
+        foreground: "var(--syntax-builtin)"
       }
     },
     {
       scope: ["keyword.control.directive", "punctuation.definition.directive"],
       settings: {
-        foreground: "#EDD5A6"
+        foreground: "var(--syntax-number)"
       }
     },
     {
       scope: "punctuation.definition.typeparameters",
       settings: {
-        foreground: "#9DAFFA"
+        foreground: "var(--syntax-function)"
       }
     },
     {
       scope: "entity.name.namespace",
       settings: {
-        foreground: "#EDD5A6"
+        foreground: "var(--syntax-number)"
       }
     },
     {
       scope: "support.type.property-name.css",
       settings: {
-        foreground: "#9DAFFA",
+        foreground: "var(--syntax-function)",
         fontStyle: ""
       }
     },
@@ -681,19 +689,19 @@ var oxide_dark_default = {
         "variable.language.this punctuation.definition.variable"
       ],
       settings: {
-        foreground: "#F7869B"
+        foreground: "var(--syntax-builtin)"
       }
     },
     {
       scope: "variable.object.property",
       settings: {
-        foreground: "#E7E7E8"
+        foreground: "var(--syntax-fg)"
       }
     },
     {
       scope: ["string.template variable", "string variable"],
       settings: {
-        foreground: "#E7E7E8"
+        foreground: "var(--syntax-fg)"
       }
     },
     {
@@ -705,7 +713,7 @@ var oxide_dark_default = {
     {
       scope: "storage.modifier.specifier.extern.cpp",
       settings: {
-        foreground: "#C6A5EA"
+        foreground: "var(--syntax-keyword)"
       }
     },
     {
@@ -716,7 +724,7 @@ var oxide_dark_default = {
         "entity.name.scope-resolution.function.definition.cpp"
       ],
       settings: {
-        foreground: "#EDD5A6"
+        foreground: "var(--syntax-number)"
       }
     },
     {
@@ -728,19 +736,19 @@ var oxide_dark_default = {
     {
       scope: ["storage.modifier.reference.cpp"],
       settings: {
-        foreground: "#A7E0C8"
+        foreground: "var(--syntax-operator)"
       }
     },
     {
       scope: "meta.interpolation.cs",
       settings: {
-        foreground: "#E7E7E8"
+        foreground: "var(--syntax-fg)"
       }
     },
     {
       scope: "comment.block.documentation.cs",
       settings: {
-        foreground: "#E7E7E8"
+        foreground: "var(--syntax-fg)"
       }
     },
     {
@@ -749,38 +757,38 @@ var oxide_dark_default = {
         "entity.other.attribute-name.parent-selector.css punctuation.definition.entity.css"
       ],
       settings: {
-        foreground: "#EDD5A6"
+        foreground: "var(--syntax-number)"
       }
     },
     {
       scope: "punctuation.separator.operator.css",
       settings: {
-        foreground: "#A7E0C8"
+        foreground: "var(--syntax-operator)"
       }
     },
     {
       scope: "source.css entity.other.attribute-name.pseudo-class",
       settings: {
-        foreground: "#A7E0C8"
+        foreground: "var(--syntax-operator)"
       }
     },
     {
       scope: "source.css constant.other.unicode-range",
       settings: {
-        foreground: "#EDD5A6"
+        foreground: "var(--syntax-number)"
       }
     },
     {
       scope: "source.css variable.parameter.url",
       settings: {
-        foreground: "#88DCB7",
+        foreground: "var(--syntax-operator)",
         fontStyle: ""
       }
     },
     {
       scope: ["support.type.vendored.property-name"],
       settings: {
-        foreground: "#9DAFFA"
+        foreground: "var(--syntax-function)"
       }
     },
     {
@@ -791,7 +799,7 @@ var oxide_dark_default = {
         "meta.definition.variable.scss"
       ],
       settings: {
-        foreground: "#F39EAE"
+        foreground: "var(--syntax-parameter)"
       }
     },
     {
@@ -801,19 +809,19 @@ var oxide_dark_default = {
         "meta.property-list variable.other.less punctuation.definition.variable.less"
       ],
       settings: {
-        foreground: "#9DAFFA"
+        foreground: "var(--syntax-function)"
       }
     },
     {
       scope: "keyword.other.unit.percentage.css",
       settings: {
-        foreground: "#EDD5A6"
+        foreground: "var(--syntax-number)"
       }
     },
     {
       scope: "source.css meta.attribute-selector",
       settings: {
-        foreground: "#88DCB7"
+        foreground: "var(--syntax-operator)"
       }
     },
     {
@@ -828,51 +836,51 @@ var oxide_dark_default = {
         "support.type.property-name.yaml"
       ],
       settings: {
-        foreground: "#9DAFFA",
+        foreground: "var(--syntax-function)",
         fontStyle: ""
       }
     },
     {
       scope: ["constant.language.json", "constant.language.yaml"],
       settings: {
-        foreground: "#EDD5A6"
+        foreground: "var(--syntax-number)"
       }
     },
     {
       scope: ["entity.name.type.anchor.yaml", "variable.other.alias.yaml"],
       settings: {
-        foreground: "#EDD5A6",
+        foreground: "var(--syntax-number)",
         fontStyle: ""
       }
     },
     {
       scope: ["support.type.property-name.table", "entity.name.section.group-title.ini"],
       settings: {
-        foreground: "#EDD5A6"
+        foreground: "var(--syntax-number)"
       }
     },
     {
       scope: "constant.other.time.datetime.offset.toml",
       settings: {
-        foreground: "#EFB7C2"
+        foreground: "var(--syntax-escape)"
       }
     },
     {
       scope: ["punctuation.definition.anchor.yaml", "punctuation.definition.alias.yaml"],
       settings: {
-        foreground: "#EFB7C2"
+        foreground: "var(--syntax-escape)"
       }
     },
     {
       scope: "entity.other.document.begin.yaml",
       settings: {
-        foreground: "#EFB7C2"
+        foreground: "var(--syntax-escape)"
       }
     },
     {
       scope: "markup.changed.diff",
       settings: {
-        foreground: "#EDD5A6"
+        foreground: "var(--syntax-number)"
       }
     },
     {
@@ -883,85 +891,85 @@ var oxide_dark_default = {
         "punctuation.definition.to-file.diff"
       ],
       settings: {
-        foreground: "#9DAFFA"
+        foreground: "var(--syntax-function)"
       }
     },
     {
       scope: "markup.inserted.diff",
       settings: {
-        foreground: "#88DCB7"
+        foreground: "var(--syntax-operator)"
       }
     },
     {
       scope: "markup.deleted.diff",
       settings: {
-        foreground: "#F7869B"
+        foreground: "var(--syntax-builtin)"
       }
     },
     {
       scope: ["variable.other.env"],
       settings: {
-        foreground: "#9DAFFA"
+        foreground: "var(--syntax-function)"
       }
     },
     {
       scope: ["string.quoted variable.other.env"],
       settings: {
-        foreground: "#E7E7E8"
+        foreground: "var(--syntax-fg)"
       }
     },
     {
       scope: "support.function.builtin.gdscript",
       settings: {
-        foreground: "#9DAFFA"
+        foreground: "var(--syntax-function)"
       }
     },
     {
       scope: "constant.language.gdscript",
       settings: {
-        foreground: "#EDD5A6"
+        foreground: "var(--syntax-number)"
       }
     },
     {
       scope: "comment meta.annotation.go",
       settings: {
-        foreground: "#F39EAE"
+        foreground: "var(--syntax-parameter)"
       }
     },
     {
       scope: "comment meta.annotation.parameters.go",
       settings: {
-        foreground: "#EDD5A6"
+        foreground: "var(--syntax-number)"
       }
     },
     {
       scope: "constant.language.go",
       settings: {
-        foreground: "#EDD5A6"
+        foreground: "var(--syntax-number)"
       }
     },
     {
       scope: "variable.graphql",
       settings: {
-        foreground: "#E7E7E8"
+        foreground: "var(--syntax-fg)"
       }
     },
     {
       scope: "string.unquoted.alias.graphql",
       settings: {
-        foreground: "#F2CDCD"
+        foreground: "var(--syntax-string-alias)"
       }
     },
     {
       scope: "constant.character.enum.graphql",
       settings: {
-        foreground: "#A7E0C8"
+        foreground: "var(--syntax-operator)"
       }
     },
     {
       scope: "meta.objectvalues.graphql constant.object.key.graphql string.unquoted.graphql",
       settings: {
-        foreground: "#F2CDCD"
+        foreground: "var(--syntax-string-alias)"
       }
     },
     {
@@ -972,13 +980,13 @@ var oxide_dark_default = {
         "meta.tag.metadata.doctype punctuation.definition.tag"
       ],
       settings: {
-        foreground: "#C6A5EA"
+        foreground: "var(--syntax-keyword)"
       }
     },
     {
       scope: ["entity.name.tag"],
       settings: {
-        foreground: "#9DAFFA",
+        foreground: "var(--syntax-function)",
         fontStyle: ""
       }
     },
@@ -994,13 +1002,13 @@ var oxide_dark_default = {
         "constant.character.entity.tsx punctuation"
       ],
       settings: {
-        foreground: "#F7869B"
+        foreground: "var(--syntax-builtin)"
       }
     },
     {
       scope: ["entity.other.attribute-name"],
       settings: {
-        foreground: "#EDD5A6"
+        foreground: "var(--syntax-number)"
       }
     },
     {
@@ -1011,26 +1019,26 @@ var oxide_dark_default = {
         "support.class.component.vue"
       ],
       settings: {
-        foreground: "#EFB7C2",
+        foreground: "var(--syntax-escape)",
         fontStyle: ""
       }
     },
     {
       scope: ["punctuation.definition.annotation", "storage.type.annotation"],
       settings: {
-        foreground: "#EDD5A6"
+        foreground: "var(--syntax-number)"
       }
     },
     {
       scope: "constant.other.enum.java",
       settings: {
-        foreground: "#A7E0C8"
+        foreground: "var(--syntax-operator)"
       }
     },
     {
       scope: "storage.modifier.import.java",
       settings: {
-        foreground: "#E7E7E8"
+        foreground: "var(--syntax-fg)"
       }
     },
     {
@@ -1042,7 +1050,7 @@ var oxide_dark_default = {
     {
       scope: "meta.export variable.other.readwrite.js",
       settings: {
-        foreground: "#F39EAE"
+        foreground: "var(--syntax-parameter)"
       }
     },
     {
@@ -1053,13 +1061,13 @@ var oxide_dark_default = {
         "variable.other.property.ts"
       ],
       settings: {
-        foreground: "#E7E7E8"
+        foreground: "var(--syntax-fg)"
       }
     },
     {
       scope: ["variable.other.jsdoc", "comment.block.documentation variable.other"],
       settings: {
-        foreground: "#F39EAE",
+        foreground: "var(--syntax-parameter)",
         fontStyle: ""
       }
     },
@@ -1072,19 +1080,19 @@ var oxide_dark_default = {
     {
       scope: "support.type.object.console.js",
       settings: {
-        foreground: "#E7E7E8"
+        foreground: "var(--syntax-fg)"
       }
     },
     {
       scope: ["support.constant.node", "support.type.object.module.js"],
       settings: {
-        foreground: "#C6A5EA"
+        foreground: "var(--syntax-keyword)"
       }
     },
     {
       scope: "storage.modifier.implements",
       settings: {
-        foreground: "#C6A5EA"
+        foreground: "var(--syntax-keyword)"
       }
     },
     {
@@ -1096,25 +1104,25 @@ var oxide_dark_default = {
         "support.type.builtin.ts"
       ],
       settings: {
-        foreground: "#C6A5EA"
+        foreground: "var(--syntax-keyword)"
       }
     },
     {
       scope: "variable.parameter.generic",
       settings: {
-        foreground: "#EDD5A6"
+        foreground: "var(--syntax-number)"
       }
     },
     {
       scope: ["keyword.declaration.function.arrow.js", "storage.type.function.arrow.ts"],
       settings: {
-        foreground: "#A7E0C8"
+        foreground: "var(--syntax-operator)"
       }
     },
     {
       scope: "punctuation.decorator.ts",
       settings: {
-        foreground: "#9DAFFA"
+        foreground: "var(--syntax-function)"
       }
     },
     {
@@ -1131,49 +1139,49 @@ var oxide_dark_default = {
         "keyword.operator.expression.typeof.ts"
       ],
       settings: {
-        foreground: "#C6A5EA"
+        foreground: "var(--syntax-keyword)"
       }
     },
     {
       scope: "support.function.macro.julia",
       settings: {
-        foreground: "#A7E0C8"
+        foreground: "var(--syntax-operator)"
       }
     },
     {
       scope: "constant.language.julia",
       settings: {
-        foreground: "#EDD5A6"
+        foreground: "var(--syntax-number)"
       }
     },
     {
       scope: "constant.other.symbol.julia",
       settings: {
-        foreground: "#F39EAE"
+        foreground: "var(--syntax-parameter)"
       }
     },
     {
       scope: "text.tex keyword.control.preamble",
       settings: {
-        foreground: "#A7E0C8"
+        foreground: "var(--syntax-operator)"
       }
     },
     {
       scope: "text.tex support.function.be",
       settings: {
-        foreground: "#9DAFFA"
+        foreground: "var(--syntax-function)"
       }
     },
     {
       scope: "constant.other.general.math.tex",
       settings: {
-        foreground: "#F2CDCD"
+        foreground: "var(--syntax-string-alias)"
       }
     },
     {
       scope: "comment.line.double-dash.documentation.lua storage.type.annotation.lua",
       settings: {
-        foreground: "#C6A5EA",
+        foreground: "var(--syntax-keyword)",
         fontStyle: ""
       }
     },
@@ -1183,7 +1191,7 @@ var oxide_dark_default = {
         "comment.line.double-dash.documentation.lua variable.lua"
       ],
       settings: {
-        foreground: "#E7E7E8"
+        foreground: "var(--syntax-fg)"
       }
     },
     {
@@ -1198,7 +1206,7 @@ var oxide_dark_default = {
         "markup.heading.heading-0.asciidoc"
       ],
       settings: {
-        foreground: "#F7869B"
+        foreground: "var(--syntax-builtin)"
       }
     },
     {
@@ -1213,7 +1221,7 @@ var oxide_dark_default = {
         "markup.heading.heading-1.asciidoc"
       ],
       settings: {
-        foreground: "#EDD5A6"
+        foreground: "var(--syntax-number)"
       }
     },
     {
@@ -1227,7 +1235,7 @@ var oxide_dark_default = {
         "markup.heading.heading-2.asciidoc"
       ],
       settings: {
-        foreground: "#EDD5A6"
+        foreground: "var(--syntax-number)"
       }
     },
     {
@@ -1241,7 +1249,7 @@ var oxide_dark_default = {
         "markup.heading.heading-3.asciidoc"
       ],
       settings: {
-        foreground: "#88DCB7"
+        foreground: "var(--syntax-operator)"
       }
     },
     {
@@ -1255,7 +1263,7 @@ var oxide_dark_default = {
         "markup.heading.heading-4.asciidoc"
       ],
       settings: {
-        foreground: "#9DAFFA"
+        foreground: "var(--syntax-function)"
       }
     },
     {
@@ -1269,33 +1277,33 @@ var oxide_dark_default = {
         "markup.heading.heading-5.asciidoc"
       ],
       settings: {
-        foreground: "#C6A5EA"
+        foreground: "var(--syntax-keyword)"
       }
     },
     {
       scope: "markup.bold",
       settings: {
-        foreground: "#F7869B",
+        foreground: "var(--syntax-builtin)",
         fontStyle: "bold"
       }
     },
     {
       scope: "markup.italic",
       settings: {
-        foreground: "#F7869B"
+        foreground: "var(--syntax-builtin)"
       }
     },
     {
       scope: "markup.strikethrough",
       settings: {
-        foreground: "#A6ADC8",
+        foreground: "var(--syntax-comment)",
         fontStyle: "strikethrough"
       }
     },
     {
       scope: ["punctuation.definition.link", "markup.underline.link"],
       settings: {
-        foreground: "#9DAFFA"
+        foreground: "var(--syntax-function)"
       }
     },
     {
@@ -1312,7 +1320,7 @@ var oxide_dark_default = {
         "markup.substitution.attribute-reference"
       ],
       settings: {
-        foreground: "#B4BEFE"
+        foreground: "var(--syntax-blue-pale)"
       }
     },
     {
@@ -1325,13 +1333,13 @@ var oxide_dark_default = {
         "markup.raw.block.quarto"
       ],
       settings: {
-        foreground: "#88DCB7"
+        foreground: "var(--syntax-operator)"
       }
     },
     {
       scope: "fenced_code.block.language",
       settings: {
-        foreground: "#9DAFFA"
+        foreground: "var(--syntax-function)"
       }
     },
     {
@@ -1340,19 +1348,19 @@ var oxide_dark_default = {
         "markup.raw support.asciidoc"
       ],
       settings: {
-        foreground: "#A1A4A5"
+        foreground: "var(--syntax-comment)"
       }
     },
     {
       scope: ["markup.quote", "punctuation.definition.quote.begin"],
       settings: {
-        foreground: "#EFB7C2"
+        foreground: "var(--syntax-escape)"
       }
     },
     {
       scope: "meta.separator.markdown",
       settings: {
-        foreground: "#A7E0C8"
+        foreground: "var(--syntax-operator)"
       }
     },
     {
@@ -1362,7 +1370,7 @@ var oxide_dark_default = {
         "markup.list.bullet"
       ],
       settings: {
-        foreground: "#A7E0C8"
+        foreground: "var(--syntax-operator)"
       }
     },
     {
@@ -1377,52 +1385,52 @@ var oxide_dark_default = {
         "entity.other.attribute-name.single.nix"
       ],
       settings: {
-        foreground: "#9DAFFA"
+        foreground: "var(--syntax-function)"
       }
     },
     {
       scope: "variable.parameter.name.nix",
       settings: {
-        foreground: "#E7E7E8",
+        foreground: "var(--syntax-fg)",
         fontStyle: ""
       }
     },
     {
       scope: "meta.embedded variable.parameter.name.nix",
       settings: {
-        foreground: "#B4BEFE",
+        foreground: "var(--syntax-blue-pale)",
         fontStyle: ""
       }
     },
     {
       scope: "string.unquoted.path.nix",
       settings: {
-        foreground: "#EFB7C2",
+        foreground: "var(--syntax-escape)",
         fontStyle: ""
       }
     },
     {
       scope: ["support.attribute.builtin", "meta.attribute.php"],
       settings: {
-        foreground: "#EDD5A6"
+        foreground: "var(--syntax-number)"
       }
     },
     {
       scope: "meta.function.parameters.php punctuation.definition.variable.php",
       settings: {
-        foreground: "#F39EAE"
+        foreground: "var(--syntax-parameter)"
       }
     },
     {
       scope: "constant.language.php",
       settings: {
-        foreground: "#C6A5EA"
+        foreground: "var(--syntax-keyword)"
       }
     },
     {
       scope: "text.html.php support.function",
       settings: {
-        foreground: "#9DAFFA"
+        foreground: "var(--syntax-function)"
       }
     },
     {
@@ -1434,13 +1442,13 @@ var oxide_dark_default = {
     {
       scope: ["support.variable.magic.python", "meta.function-call.arguments.python"],
       settings: {
-        foreground: "#E7E7E8"
+        foreground: "var(--syntax-fg)"
       }
     },
     {
       scope: ["support.function.magic.python"],
       settings: {
-        foreground: "#9DAFFA"
+        foreground: "var(--syntax-function)"
       }
     },
     {
@@ -1449,19 +1457,19 @@ var oxide_dark_default = {
         "variable.language.special.self.python"
       ],
       settings: {
-        foreground: "#F7869B"
+        foreground: "var(--syntax-builtin)"
       }
     },
     {
       scope: ["keyword.control.flow.python", "keyword.operator.logical.python"],
       settings: {
-        foreground: "#C6A5EA"
+        foreground: "var(--syntax-keyword)"
       }
     },
     {
       scope: "storage.type.function.python",
       settings: {
-        foreground: "#C6A5EA"
+        foreground: "var(--syntax-keyword)"
       }
     },
     {
@@ -1470,13 +1478,13 @@ var oxide_dark_default = {
         "meta.function.decorator.identifier.python"
       ],
       settings: {
-        foreground: "#9DAFFA"
+        foreground: "var(--syntax-function)"
       }
     },
     {
       scope: ["meta.function-call.python"],
       settings: {
-        foreground: "#9DAFFA"
+        foreground: "var(--syntax-function)"
       }
     },
     {
@@ -1485,43 +1493,43 @@ var oxide_dark_default = {
         "punctuation.definition.decorator.python"
       ],
       settings: {
-        foreground: "#EDD5A6"
+        foreground: "var(--syntax-number)"
       }
     },
     {
       scope: "constant.character.format.placeholder.other.python",
       settings: {
-        foreground: "#EFB7C2"
+        foreground: "var(--syntax-escape)"
       }
     },
     {
       scope: ["support.type.exception.python", "support.function.builtin.python"],
       settings: {
-        foreground: "#EDD5A6"
+        foreground: "var(--syntax-number)"
       }
     },
     {
       scope: ["support.type.python"],
       settings: {
-        foreground: "#EDD5A6"
+        foreground: "var(--syntax-number)"
       }
     },
     {
       scope: "constant.language.python",
       settings: {
-        foreground: "#C6A5EA"
+        foreground: "var(--syntax-keyword)"
       }
     },
     {
       scope: ["meta.indexed-name.python", "meta.item-access.python"],
       settings: {
-        foreground: "#F39EAE"
+        foreground: "var(--syntax-parameter)"
       }
     },
     {
       scope: "storage.type.string.python",
       settings: {
-        foreground: "#88DCB7"
+        foreground: "var(--syntax-operator)"
       }
     },
     {
@@ -1536,19 +1544,19 @@ var oxide_dark_default = {
         "string.regexp punctuation.definition.string.end"
       ],
       settings: {
-        foreground: "#EFB7C2"
+        foreground: "var(--syntax-escape)"
       }
     },
     {
       scope: "keyword.control.anchor.regexp",
       settings: {
-        foreground: "#C6A5EA"
+        foreground: "var(--syntax-keyword)"
       }
     },
     {
       scope: "string.regexp.ts",
       settings: {
-        foreground: "#E7E7E8"
+        foreground: "var(--syntax-fg)"
       }
     },
     {
@@ -1557,37 +1565,37 @@ var oxide_dark_default = {
         "keyword.other.back-reference.regexp"
       ],
       settings: {
-        foreground: "#88DCB7"
+        foreground: "var(--syntax-operator)"
       }
     },
     {
       scope: "punctuation.definition.character-class.regexp",
       settings: {
-        foreground: "#EDD5A6"
+        foreground: "var(--syntax-number)"
       }
     },
     {
       scope: "constant.other.character-class.regexp",
       settings: {
-        foreground: "#EFB7C2"
+        foreground: "var(--syntax-escape)"
       }
     },
     {
       scope: "constant.other.character-class.range.regexp",
       settings: {
-        foreground: "#F5E0DC"
+        foreground: "var(--syntax-rose)"
       }
     },
     {
       scope: "keyword.operator.quantifier.regexp",
       settings: {
-        foreground: "#A7E0C8"
+        foreground: "var(--syntax-operator)"
       }
     },
     {
       scope: "constant.character.numeric.regexp",
       settings: {
-        foreground: "#EDD5A6"
+        foreground: "var(--syntax-number)"
       }
     },
     {
@@ -1597,7 +1605,7 @@ var oxide_dark_default = {
         "meta.assertion.negative-look-ahead.regexp"
       ],
       settings: {
-        foreground: "#9DAFFA"
+        foreground: "var(--syntax-function)"
       }
     },
     {
@@ -1608,7 +1616,7 @@ var oxide_dark_default = {
         "punctuation.definition.attribute.rust"
       ],
       settings: {
-        foreground: "#EDD5A6"
+        foreground: "var(--syntax-number)"
       }
     },
     {
@@ -1635,57 +1643,57 @@ var oxide_dark_default = {
         "storage.type.type.rust"
       ],
       settings: {
-        foreground: "#C6A5EA",
+        foreground: "var(--syntax-keyword)",
         fontStyle: ""
       }
     },
     {
       scope: "entity.name.type.numeric.rust",
       settings: {
-        foreground: "#C6A5EA",
+        foreground: "var(--syntax-keyword)",
         fontStyle: ""
       }
     },
     {
       scope: "meta.generic.rust",
       settings: {
-        foreground: "#EDD5A6"
+        foreground: "var(--syntax-number)"
       }
     },
     {
       scope: "entity.name.impl.rust",
       settings: {
-        foreground: "#EDD5A6"
+        foreground: "var(--syntax-number)"
       }
     },
     {
       scope: "entity.name.module.rust",
       settings: {
-        foreground: "#EDD5A6"
+        foreground: "var(--syntax-number)"
       }
     },
     {
       scope: "entity.name.trait.rust",
       settings: {
-        foreground: "#EDD5A6"
+        foreground: "var(--syntax-number)"
       }
     },
     {
       scope: "storage.type.source.rust",
       settings: {
-        foreground: "#EDD5A6"
+        foreground: "var(--syntax-number)"
       }
     },
     {
       scope: "entity.name.union.rust",
       settings: {
-        foreground: "#EDD5A6"
+        foreground: "var(--syntax-number)"
       }
     },
     {
       scope: "meta.enum.rust storage.type.source.rust",
       settings: {
-        foreground: "#A7E0C8"
+        foreground: "var(--syntax-operator)"
       }
     },
     {
@@ -1695,61 +1703,61 @@ var oxide_dark_default = {
         "entity.name.function.macro.rust"
       ],
       settings: {
-        foreground: "#9DAFFA"
+        foreground: "var(--syntax-function)"
       }
     },
     {
       scope: ["storage.modifier.lifetime.rust", "entity.name.type.lifetime"],
       settings: {
-        foreground: "#9DAFFA"
+        foreground: "var(--syntax-function)"
       }
     },
     {
       scope: "string.quoted.double.rust constant.other.placeholder.rust",
       settings: {
-        foreground: "#EFB7C2"
+        foreground: "var(--syntax-escape)"
       }
     },
     {
       scope: "meta.function.return-type.rust meta.generic.rust storage.type.rust",
       settings: {
-        foreground: "#E7E7E8"
+        foreground: "var(--syntax-fg)"
       }
     },
     {
       scope: "meta.function.call.rust",
       settings: {
-        foreground: "#9DAFFA"
+        foreground: "var(--syntax-function)"
       }
     },
     {
       scope: "punctuation.brackets.angle.rust",
       settings: {
-        foreground: "#9DAFFA"
+        foreground: "var(--syntax-function)"
       }
     },
     {
       scope: "constant.other.caps.rust",
       settings: {
-        foreground: "#EDD5A6"
+        foreground: "var(--syntax-number)"
       }
     },
     {
       scope: ["meta.function.definition.rust variable.other.rust"],
       settings: {
-        foreground: "#F39EAE"
+        foreground: "var(--syntax-parameter)"
       }
     },
     {
       scope: "meta.function.call.rust variable.other.rust",
       settings: {
-        foreground: "#E7E7E8"
+        foreground: "var(--syntax-fg)"
       }
     },
     {
       scope: "variable.language.self.rust",
       settings: {
-        foreground: "#F7869B"
+        foreground: "var(--syntax-builtin)"
       }
     },
     {
@@ -1758,7 +1766,7 @@ var oxide_dark_default = {
         "meta.macro.metavariable.rust keyword.operator.macro.dollar.rust"
       ],
       settings: {
-        foreground: "#EFB7C2"
+        foreground: "var(--syntax-escape)"
       }
     },
     {
@@ -1770,13 +1778,13 @@ var oxide_dark_default = {
         "meta.shebang.shell"
       ],
       settings: {
-        foreground: "#EFB7C2"
+        foreground: "var(--syntax-escape)"
       }
     },
     {
       scope: "comment.line.shebang constant.language",
       settings: {
-        foreground: "#A7E0C8"
+        foreground: "var(--syntax-operator)"
       }
     },
     {
@@ -1787,13 +1795,13 @@ var oxide_dark_default = {
         "meta.function-call.arguments.shell punctuation.section.interpolation"
       ],
       settings: {
-        foreground: "#F7869B"
+        foreground: "var(--syntax-builtin)"
       }
     },
     {
       scope: "meta.string meta.interpolation.parameter.shell variable.other.readwrite",
       settings: {
-        foreground: "#EDD5A6"
+        foreground: "var(--syntax-number)"
       }
     },
     {
@@ -1802,43 +1810,43 @@ var oxide_dark_default = {
         "punctuation.definition.evaluation.backticks.shell"
       ],
       settings: {
-        foreground: "#A7E0C8"
+        foreground: "var(--syntax-operator)"
       }
     },
     {
       scope: "entity.name.tag.heredoc.shell",
       settings: {
-        foreground: "#C6A5EA"
+        foreground: "var(--syntax-keyword)"
       }
     },
     {
       scope: "string.quoted.double.shell variable.other.normal.shell",
       settings: {
-        foreground: "#E7E7E8"
+        foreground: "var(--syntax-fg)"
       }
     },
     {
       scope: "token.info-token",
       settings: {
-        foreground: "#8BA1FF"
+        foreground: "var(--syntax-blue)"
       }
     },
     {
       scope: "token.warn-token",
       settings: {
-        foreground: "#F5B944"
+        foreground: "var(--syntax-amber)"
       }
     },
     {
       scope: "token.error-token",
       settings: {
-        foreground: "#FB6E88"
+        foreground: "var(--syntax-builtin)"
       }
     },
     {
       scope: "token.debug-token",
       settings: {
-        foreground: "#BE95EB"
+        foreground: "var(--syntax-purple)"
       }
     }
   ]
@@ -1855,7 +1863,7 @@ async function getOrCreateHighlighter() {
       ...oxql_tmLanguage_default
     });
     highlighter = await createHighlighter({
-      themes: [oxide_dark_default],
+      themes: [oxide_syntax_default],
       langs
     });
   }
@@ -1893,7 +1901,7 @@ var highlight = async (block) => {
     }
     const highlightedContent = h.codeToHtml(placeholderContent, {
       lang,
-      theme: oxide_dark_default,
+      theme: oxide_syntax_default,
       structure: "inline"
     });
     const restoredContent = highlightedContent.replace(