@multiplatform.one/rich-text 6.1.0 → 6.4.0

package/dist/cjs/editor/codeBlockPreview.native.js

@@ -0,0 +1,265 @@
+"use strict";
+
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+// If the importer is in node compatibility mode or this is not an ESM
+// file that has been converted to a CommonJS file using a Babel-
+// compatible transform (i.e. "__esModule" has not been set), then set
+// "default" to the CommonJS "module.exports" for node compatibility.
+isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+  value: mod,
+  enumerable: true
+}) : target, mod));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var codeBlockPreview_exports = {};
+__export(codeBlockPreview_exports, {
+  CodeBlockWithPreview: () => CodeBlockWithPreview,
+  PREVIEW_LANGUAGES: () => PREVIEW_LANGUAGES,
+  PreviewChromeStore: () => PreviewChromeStore,
+  getPreviewKind: () => getPreviewKind,
+  setPreviewChrome: () => setPreviewChrome
+});
+module.exports = __toCommonJS(codeBlockPreview_exports);
+var import_extension_code_block_lowlight = __toESM(require("@tiptap/extension-code-block-lowlight"));
+var import_core = require("@tiptap/core");
+var import_t = require("../shared/t.native.js");
+var import_lazyKatex = require("./lazyKatex.native.js");
+var PreviewChromeStore = import_core.Extension.create({
+  name: "previewChrome",
+  addStorage() {
+    return {
+      value: {
+        scheme: "light"
+      },
+      listeners: /* @__PURE__ */new Set()
+    };
+  }
+});
+function setPreviewChrome(editor, chrome) {
+  var storage = editor.storage.previewChrome;
+  if (!storage) return;
+  if (storage.value.scheme === chrome.scheme && storage.value.fontFamily === chrome.fontFamily) {
+    return;
+  }
+  storage.value = chrome;
+  var _iteratorNormalCompletion = true,
+    _didIteratorError = false,
+    _iteratorError = void 0;
+  try {
+    for (var _iterator = storage.listeners[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+      var listener = _step.value;
+      listener();
+    }
+  } catch (err) {
+    _didIteratorError = true;
+    _iteratorError = err;
+  } finally {
+    try {
+      if (!_iteratorNormalCompletion && _iterator.return != null) {
+        _iterator.return();
+      }
+    } finally {
+      if (_didIteratorError) {
+        throw _iteratorError;
+      }
+    }
+  }
+}
+function getPreviewChrome(editor) {
+  var _ref;
+  var _editor_storage_previewChrome, _editor_storage;
+  return (_ref = editor === null || editor === void 0 ? void 0 : (_editor_storage = editor.storage) === null || _editor_storage === void 0 ? void 0 : (_editor_storage_previewChrome = _editor_storage.previewChrome) === null || _editor_storage_previewChrome === void 0 ? void 0 : _editor_storage_previewChrome.value) !== null && _ref !== void 0 ? _ref : {
+    scheme: "light"
+  };
+}
+var PREVIEW_LANGUAGES = ["mermaid", "math"];
+function getPreviewKind(language) {
+  return PREVIEW_LANGUAGES.includes(language !== null && language !== void 0 ? language : "") ? language : null;
+}
+var PREVIEW_DEBOUNCE_MS = 250;
+var CodeBlockWithPreview = import_extension_code_block_lowlight.default.extend({
+  addInputRules() {
+    var _ref;
+    var _this_parent, _this;
+    return [...((_ref = (_this_parent = (_this = this).parent) === null || _this_parent === void 0 ? void 0 : _this_parent.call(_this)) !== null && _ref !== void 0 ? _ref : []),
+    // `$$ ` opens a math block (GitLab display math), mirroring ```math
+    (0, import_core.textblockTypeInputRule)({
+      find: /^\$\$\s$/,
+      type: this.type,
+      getAttributes: {
+        language: "math"
+      }
+    })];
+  },
+  addNodeView() {
+    return function (param) {
+      var {
+        node,
+        editor,
+        extension
+      } = param;
+      var _extension_options_languageClassPrefix;
+      var _editor_storage_previewChrome;
+      var languageClassPrefix = (_extension_options_languageClassPrefix = extension.options.languageClassPrefix) !== null && _extension_options_languageClassPrefix !== void 0 ? _extension_options_languageClassPrefix : "language-";
+      var dom = document.createElement("div");
+      dom.className = "rt-codeblock";
+      var pre = document.createElement("pre");
+      var code = document.createElement("code");
+      pre.appendChild(code);
+      dom.appendChild(pre);
+      var preview = document.createElement("div");
+      preview.className = "rt-block-preview";
+      preview.contentEditable = "false";
+      preview.dataset.state = "hidden";
+      dom.appendChild(preview);
+      var currentNode = node;
+      var destroyed = false;
+      var timer = null;
+      var renderSeq = 0;
+      var renderedKey = null;
+      var applyLanguageClass = function applyLanguageClass2() {
+        var language = currentNode.attrs.language;
+        code.className = language ? `${languageClassPrefix}${language}` : "";
+        var kind = getPreviewKind(language);
+        if (kind) preview.dataset.previewType = kind;else delete preview.dataset.previewType;
+      };
+      var showError = function showError2(message) {
+        var el = document.createElement("div");
+        el.className = "rt-preview-error";
+        el.setAttribute("role", "alert");
+        el.textContent = message;
+        preview.replaceChildren(el);
+        preview.dataset.state = "error";
+      };
+      var showHost = function showHost2(host) {
+        preview.replaceChildren(host);
+        preview.dataset.state = "ok";
+      };
+      var renderPreview = async function renderPreview2() {
+        var kind = getPreviewKind(currentNode.attrs.language);
+        if (!kind || destroyed) return;
+        var source = currentNode.textContent;
+        var chrome = getPreviewChrome(editor);
+        var key = `${kind}|${chrome.scheme}|${source}`;
+        if (key === renderedKey) return;
+        var seq = ++renderSeq;
+        if (!source.trim()) {
+          renderedKey = key;
+          var hint = document.createElement("div");
+          hint.className = "rt-preview-hint";
+          hint.textContent = kind === "mermaid" ? (0, import_t.t)("Type a mermaid diagram") : (0, import_t.t)("Type a TeX expression");
+          preview.replaceChildren(hint);
+          preview.dataset.state = "empty";
+          return;
+        }
+        if (kind === "mermaid") {
+          var markdown = await import("@multiplatform.one/markdown/mermaid");
+          var result = await markdown.renderMermaidDiagram(source, {
+            scheme: chrome.scheme,
+            fontFamily: chrome.fontFamily
+          });
+          if (destroyed || seq !== renderSeq) return;
+          renderedKey = key;
+          if (result.ok) {
+            var host = document.createElement("div");
+            host.className = "rt-preview-diagram";
+            host.setAttribute("role", "img");
+            host.setAttribute("aria-label", (0, import_t.t)("Mermaid diagram preview"));
+            if (markdown.mountDiagramSvg(host, result.svg)) showHost(host);else showError((0, import_t.t)("Diagram produced no output"));
+          } else {
+            showError(result.error);
+          }
+          return;
+        }
+        var result1 = await (0, import_lazyKatex.renderKatexHtml)(source, {
+          displayMode: true
+        });
+        if (destroyed || seq !== renderSeq) return;
+        renderedKey = key;
+        if (result1.ok) {
+          var host1 = document.createElement("div");
+          host1.className = "rt-preview-math";
+          host1.setAttribute("role", "img");
+          host1.setAttribute("aria-label", source);
+          (0, import_lazyKatex.mountKatexHtml)(host1, result1.html);
+          showHost(host1);
+        } else {
+          showError(result1.error);
+        }
+      };
+      var sync = function sync2() {
+        var immediate = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : false;
+        applyLanguageClass();
+        if (timer) clearTimeout(timer);
+        var kind = getPreviewKind(currentNode.attrs.language);
+        if (!kind) {
+          preview.replaceChildren();
+          preview.dataset.state = "hidden";
+          renderedKey = null;
+          return;
+        }
+        if (preview.dataset.state === "hidden") {
+          var hint = document.createElement("div");
+          hint.className = "rt-preview-hint";
+          hint.textContent = (0, import_t.t)("Rendering preview\u2026");
+          preview.replaceChildren(hint);
+          preview.dataset.state = "loading";
+        }
+        timer = setTimeout(function () {
+          return void renderPreview();
+        }, immediate ? 0 : PREVIEW_DEBOUNCE_MS);
+      };
+      var themeListener = function themeListener2() {
+        renderedKey = null;
+        sync(true);
+      };
+      (_editor_storage_previewChrome = editor.storage.previewChrome) === null || _editor_storage_previewChrome === void 0 ? void 0 : _editor_storage_previewChrome.listeners.add(themeListener);
+      sync(true);
+      return {
+        dom,
+        contentDOM: code,
+        update: function update(updatedNode) {
+          if (updatedNode.type !== currentNode.type) return false;
+          var languageChanged = updatedNode.attrs.language !== currentNode.attrs.language;
+          var textChanged = updatedNode.textContent !== currentNode.textContent;
+          currentNode = updatedNode;
+          if (languageChanged || textChanged) sync(languageChanged);
+          return true;
+        },
+        ignoreMutation: function ignoreMutation(mutation) {
+          if (mutation.type === "selection") return false;
+          return !code.contains(mutation.target);
+        },
+        destroy: function destroy() {
+          var _editor_storage_previewChrome2;
+          destroyed = true;
+          if (timer) clearTimeout(timer);
+          (_editor_storage_previewChrome2 = editor.storage.previewChrome) === null || _editor_storage_previewChrome2 === void 0 ? void 0 : _editor_storage_previewChrome2.listeners.delete(themeListener);
+        }
+      };
+    };
+  }
+});
+//# sourceMappingURL=codeBlockPreview.native.js.map

package/dist/cjs/editor/codeBlockPreview.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","codeBlockPreview_exports","__export","CodeBlockWithPreview","PREVIEW_LANGUAGES","PreviewChromeStore","getPreviewKind","setPreviewChrome","module","exports","import_extension_code_block_lowlight","__toESM","require","import_core","import_t","import_lazyKatex","Extension","create","name","addStorage","scheme","listeners","Set","editor","chrome","storage","previewChrome","fontFamily","_iteratorNormalCompletion","_didIteratorError","_iteratorError","_iterator","Symbol","iterator","_step","next","done","listener","err","return","getPreviewChrome","_ref","_editor_storage_previewChrome","_editor_storage","language","includes","PREVIEW_DEBOUNCE_MS","default","extend","addInputRules","_this_parent","_this","parent","call","textblockTypeInputRule","find","type","getAttributes","addNodeView","param","node","extension","_extension_options_languageClassPrefix","languageClassPrefix","options","dom","document","createElement","className","pre","code","appendChild","preview","contentEditable","dataset","state","currentNode","destroyed","timer","renderSeq","renderedKey","applyLanguageClass","applyLanguageClass2","attrs","kind","previewType","showError","showError2","message","el","setAttribute","textContent","replaceChildren","showHost","showHost2","host","renderPreview","renderPreview2","source","key","seq","trim","hint","t","markdown","result","renderMermaidDiagram","ok","mountDiagramSvg","svg","error","result1","renderKatexHtml","displayMode","host1","mountKatexHtml","html","sync","sync2","immediate","arguments","length","clearTimeout"],"sources":["../../../src/editor/codeBlockPreview.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/editor/editorStyles.cjs

@@ -30,15 +30,35 @@ function getEditorCSS(options = {}) {
     minHeight = 150,
     maxHeight,
     bodyFontFamily,
-    headingFontFamily
+    headingFontFamily,
+    fullscreen,
+    motionMs = 120,
+    scopeClass
   } = options;
   const bodyFont = bodyFontFamily || "inherit";
   const headingFont = headingFontFamily || bodyFont;
+  const bubbleScope = scopeClass ? `.${scopeClass} .rt-bubble-menu` : ".rt-bubble-menu";
   return `
+    /*
+      LC-24 A-ENTEREXIT: the bubble-menu plugin persists its element and
+      flips inline visibility/opacity on show/hide. A transition on the same
+      element pairs enter AND exit: the destination-state selector (inline
+      style attribute) picks instant visibility on show and delayed
+      visibility on hide so the exit fade stays visible. motionMs 0
+      (animation none) silences both.
+    */
+    ${bubbleScope} {
+      transition: opacity ${motionMs}ms ease, transform ${motionMs}ms ease,
+        visibility 0s linear ${motionMs}ms;
+    }
+    ${bubbleScope}[style*="visibility: visible"] {
+      transition: opacity ${motionMs}ms ease, transform ${motionMs}ms ease, visibility 0s;
+    }
+
     .ProseMirror {
       padding: 12px 12px 12px 16px;
-      min-height: ${minHeight}px;
-      ${maxHeight ? `max-height: ${maxHeight}px; overflow-y: auto;` : ""}
+      ${fullscreen ? "min-height: 100%;" : `min-height: ${minHeight}px;
+      ${maxHeight ? `max-height: ${maxHeight}px; overflow-y: auto;` : ""}`}
       outline: none;
       font-family: ${bodyFont};
       color: var(--color12);
@@ -46,7 +66,35 @@ function getEditorCSS(options = {}) {
     .ProseMirror:focus {
       outline: none;
     }
+    /* Axiom 12 LEGIBLE FLOOR: non-removable >=2px focus ring on the
+       keyboard-focused editing surface */
+    .ProseMirror:focus-visible {
+      outline: 2px solid var(--color8);
+      outline-offset: -2px;
+    }
+    /* Mention chips (@ mention nodes) */
+    .ProseMirror .rt-mention {
+      background-color: var(--color4);
+      border-radius: 4px;
+      padding: 0.1em 0.3em;
+      color: var(--color12);
+      font-weight: 500;
+      white-space: nowrap;
+    }
+    /* Attachment chips (non-image file uploads) */
+    .ProseMirror a.rt-attachment {
+      display: inline-flex;
+      align-items: center;
+      background-color: var(--color3);
+      border: 1px solid var(--color6);
+      border-radius: 999px;
+      padding: 0.05em 0.6em;
+      text-decoration: none;
+      color: var(--color12);
+    }
     .ProseMirror p {
+      /* @tamagui/core reset.css does p { all: unset } (display -> inline); restore block flow */
+      display: block;
       margin: 0 0 0.5em 0;
     }
     .ProseMirror p:last-child {
@@ -92,7 +140,10 @@ function getEditorCSS(options = {}) {
     }
     .ProseMirror ul,
     .ProseMirror ol {
-      padding-left: 1em;
+      /* reset.css also unsets ul/ol display; restore block flow.
+         Logical padding so list indent mirrors in RTL content. */
+      display: block;
+      padding-inline-start: 1em;
       margin: 0.5em 0;
     }
     .ProseMirror ul {
@@ -116,8 +167,8 @@ function getEditorCSS(options = {}) {
     }
     .ProseMirror ul[data-type="taskList"] {
       list-style: none;
-      padding-left: 0;
-      margin-left: 0;
+      padding-inline-start: 0;
+      margin-inline-start: 0;
     }
     .ProseMirror ul[data-type="taskList"] li {
       display: flex;
@@ -142,16 +193,17 @@ function getEditorCSS(options = {}) {
       border-radius: 4px;
     }
     .ProseMirror img.ProseMirror-selectednode {
-      outline: 2px solid var(--blue10, #0066cc);
+      outline: 2px solid var(--blue10);
     }
     .ProseMirror blockquote {
-      border-left: 3px solid var(--color6, #ccc);
-      padding-left: 1em;
+      /* Logical start rail so the quote accent mirrors in RTL. */
+      border-inline-start: 3px solid var(--color6);
+      padding-inline-start: 1em;
       margin: 0.5em 0;
-      color: var(--color10, #666);
+      color: var(--color10);
     }
     .ProseMirror code {
-      background-color: var(--color4, rgba(0,0,0,0.05));
+      background-color: var(--color4);
       padding: 0.15em 0.35em;
       border-radius: 4px;
       font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
@@ -159,8 +211,8 @@ function getEditorCSS(options = {}) {
       word-break: break-word;
     }
     .ProseMirror pre {
-      background-color: var(--color3, rgba(0,0,0,0.04));
-      border: 1px solid var(--color5, rgba(0,0,0,0.08));
+      background-color: var(--color3);
+      border: 1px solid var(--color5);
       padding: 0.75em 1em;
       border-radius: 4px;
       overflow-x: auto;
@@ -180,25 +232,34 @@ function getEditorCSS(options = {}) {
       white-space: pre;
     }
     .ProseMirror a {
-      color: var(--blue10, #0066cc);
+      color: var(--blue10);
       text-decoration: underline;
     }
+    /* Highlight marks: the swatch palette rides scheme-aware theme ramps
+       (radix step-5 washes \u2014 pastel in light, deep-dim in dark), so the
+       inherited scheme ink stays legible on them; no forced ink needed. */
     .ProseMirror hr {
       border: none;
-      border-top: 2px solid var(--color6, #ccc);
+      border-top: 2px solid var(--color6);
       margin: 1em 0;
     }
     .ProseMirror p.is-editor-empty:first-child::before {
       content: attr(data-placeholder);
-      color: var(--color8, #aaa);
+      /* Axiom 12: placeholder is an owned text role \u2014 color11 is the muted
+         step that still clears 4.5:1 on the color2 editor surface in both
+         schemes (color10 measured 3.76:1 light / 3.87:1 dark) */
+      color: var(--color11);
       pointer-events: none;
-      float: left;
+      float: inline-start;
       height: 0;
     }
 
-    /* Block drag handle */
+    /* Block drag handle (decorative fade stops at animation none) */
+    .block-drag-handle {
+      transition: opacity ${motionMs}ms ease;
+    }
     .block-drag-handle:hover {
-      background-color: var(--color4, rgba(0,0,0,0.05));
+      background-color: var(--color4);
       opacity: 1 !important;
     }
     .block-drag-handle:active {
@@ -214,18 +275,18 @@ function getEditorCSS(options = {}) {
     }
     .ProseMirror td,
     .ProseMirror th {
-      border: 1px solid var(--color6, #ddd);
+      border: 1px solid var(--color6);
       padding: 0.4em 0.6em;
       vertical-align: top;
       position: relative;
       min-width: 80px;
     }
     .ProseMirror th {
-      background-color: var(--color3, #f5f5f5);
+      background-color: var(--color3);
       font-weight: 600;
     }
     .ProseMirror .selectedCell {
-      background-color: var(--blue3, rgba(0, 102, 204, 0.08));
+      background-color: var(--blue3);
     }
     .ProseMirror .column-resize-handle {
       position: absolute;
@@ -233,39 +294,147 @@ function getEditorCSS(options = {}) {
       top: 0;
       bottom: 0;
       width: 4px;
-      background-color: var(--blue10, #0066cc);
+      background-color: var(--blue10);
       pointer-events: none;
     }
     .ProseMirror.resize-cursor {
       cursor: col-resize;
     }
 
+    /* Inline math (KaTeX-rendered atom; raw TeX while loading) */
+    .ProseMirror .rt-math-inline {
+      display: inline-block;
+      padding: 0 0.15em;
+      border-radius: 4px;
+      cursor: pointer;
+      max-width: 100%;
+    }
+    .ProseMirror .rt-math-inline.ProseMirror-selectednode {
+      outline: 2px solid var(--blue10);
+    }
+    .ProseMirror .rt-math-inline.rt-math-error {
+      color: var(--red10);
+      font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
+      font-size: 0.875em;
+      text-decoration: underline dashed var(--red10);
+      text-underline-offset: 3px;
+    }
+    .ProseMirror .rt-math-inline.rt-math-empty {
+      color: var(--color10);
+      font-style: italic;
+      border: 1px dashed var(--color8);
+      padding: 0 0.4em;
+    }
+    .ProseMirror .katex { font-size: 1.06em; }
+
+    /* Code block wrapper with live preview pane (mermaid / math) */
+    .ProseMirror .rt-codeblock { margin: 0.5em 0; }
+    .ProseMirror .rt-codeblock pre { margin: 0; }
+    .ProseMirror .rt-block-preview[data-state="hidden"] { display: none; }
+    .ProseMirror .rt-codeblock:has(.rt-block-preview:not([data-state="hidden"])) pre {
+      border-bottom-left-radius: 0;
+      border-bottom-right-radius: 0;
+    }
+    .ProseMirror .rt-block-preview {
+      border: 1px solid var(--color5);
+      border-top: 1px dashed var(--color6);
+      border-radius: 0 0 4px 4px;
+      padding: 0.75em 1em;
+      background-color: var(--color2);
+      overflow-x: auto;
+    }
+    .ProseMirror .rt-preview-diagram { display: flex; justify-content: center; }
+    .ProseMirror .rt-preview-diagram svg { max-width: 100%; height: auto; }
+    .ProseMirror .rt-preview-math .katex-display { margin: 0.25em 0; }
+    .ProseMirror .rt-preview-error {
+      color: var(--red10);
+      font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
+      font-size: 0.8125em;
+      white-space: pre-wrap;
+    }
+    .ProseMirror .rt-preview-hint {
+      color: var(--color10);
+      font-size: 0.8125em;
+      font-style: italic;
+    }
+
+    /* Collapsible details sections (GitLab <details> parity) */
+    .ProseMirror [data-type="details"] {
+      display: flex;
+      gap: 0.4em;
+      border: 1px solid var(--color5);
+      border-radius: 4px;
+      padding: 0.5em 0.75em;
+      margin: 0.5em 0;
+    }
+    .ProseMirror [data-type="details"] > button {
+      flex: 0 0 auto;
+      width: 1.5em;
+      height: 1.5em;
+      margin-top: 0.1em;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      background: none;
+      border: none;
+      border-radius: 4px;
+      cursor: pointer;
+      color: var(--color11);
+      font-size: 1em;
+      padding: 0;
+    }
+    .ProseMirror [data-type="details"] > button:hover {
+      background-color: var(--color4);
+    }
+    .ProseMirror [data-type="details"] > button::before {
+      content: "\\25B8";
+      display: block;
+      transition: transform ${motionMs}ms ease;
+    }
+    .ProseMirror [data-type="details"].is-open > button::before {
+      transform: rotate(90deg);
+    }
+    .ProseMirror [data-type="details"] > div {
+      flex: 1 1 auto;
+      min-width: 0;
+    }
+    .ProseMirror [data-type="details"] summary {
+      display: block;
+      font-weight: 600;
+      list-style: none;
+    }
+    .ProseMirror [data-type="details"] summary::-webkit-details-marker { display: none; }
+    .ProseMirror [data-type="detailsContent"] { margin-top: 0.25em; }
+    /* The tamagui reset defeats the UA's [hidden] display:none \u2014 restore
+       it so the details toggle actually collapses the content */
+    .ProseMirror [data-type="detailsContent"][hidden] { display: none; }
+
     /* Syntax highlighting (lowlight / highlight.js compatible) */
     .ProseMirror pre .hljs-comment,
-    .ProseMirror pre .hljs-quote { color: var(--color9, #6a737d); font-style: italic; }
+    .ProseMirror pre .hljs-quote { color: var(--color9); font-style: italic; }
     .ProseMirror pre .hljs-keyword,
     .ProseMirror pre .hljs-selector-tag,
-    .ProseMirror pre .hljs-meta { color: var(--purple10, #d73a49); }
+    .ProseMirror pre .hljs-meta { color: var(--purple10); }
     .ProseMirror pre .hljs-string,
     .ProseMirror pre .hljs-attr,
     .ProseMirror pre .hljs-template-tag,
-    .ProseMirror pre .hljs-template-variable { color: var(--green10, #22863a); }
+    .ProseMirror pre .hljs-template-variable { color: var(--green10); }
     .ProseMirror pre .hljs-number,
     .ProseMirror pre .hljs-literal,
     .ProseMirror pre .hljs-type,
-    .ProseMirror pre .hljs-params { color: var(--blue10, #005cc5); }
+    .ProseMirror pre .hljs-params { color: var(--blue10); }
     .ProseMirror pre .hljs-built_in,
-    .ProseMirror pre .hljs-builtin-name { color: var(--orange10, #e36209); }
+    .ProseMirror pre .hljs-builtin-name { color: var(--orange10); }
     .ProseMirror pre .hljs-title,
-    .ProseMirror pre .hljs-section { color: var(--blue10, #005cc5); font-weight: 600; }
+    .ProseMirror pre .hljs-section { color: var(--blue10); font-weight: 600; }
     .ProseMirror pre .hljs-name,
-    .ProseMirror pre .hljs-tag { color: var(--green10, #22863a); }
-    .ProseMirror pre .hljs-attribute { color: var(--purple10, #6f42c1); }
+    .ProseMirror pre .hljs-tag { color: var(--green10); }
+    .ProseMirror pre .hljs-attribute { color: var(--purple10); }
     .ProseMirror pre .hljs-variable,
     .ProseMirror pre .hljs-symbol,
-    .ProseMirror pre .hljs-bullet { color: var(--orange10, #e36209); }
-    .ProseMirror pre .hljs-addition { color: var(--green10, #22863a); background-color: rgba(34,134,58,0.1); }
-    .ProseMirror pre .hljs-deletion { color: var(--red10, #b31d28); background-color: rgba(179,29,40,0.1); }
+    .ProseMirror pre .hljs-bullet { color: var(--orange10); }
+    .ProseMirror pre .hljs-addition { color: var(--green10); background-color: color-mix(in srgb, var(--green10) 12%, transparent); }
+    .ProseMirror pre .hljs-deletion { color: var(--red10); background-color: color-mix(in srgb, var(--red10) 12%, transparent); }
     .ProseMirror pre .hljs-emphasis { font-style: italic; }
     .ProseMirror pre .hljs-strong { font-weight: bold; }
   `;