@zjlab-frontier/markdown 1.0.4

package/dist/stateDiagram-1ecb1508-B0YUHnuE.mjs

@@ -0,0 +1,266 @@
+import { s as P, d as N, p as W } from "./styles-ca3715f6-soe07Bnw.mjs";
+import { g as t, d as H, l as b, e as R, k as T, F as v, B as U } from "./index-5_ujiRGo.mjs";
+import { G as C } from "./graph-CoIGCRFf.mjs";
+import { l as F } from "./layout-aCAVHR2T.mjs";
+import { l as $ } from "./line-BGunMwE-.mjs";
+const O = (e) => e.append("circle").attr("class", "start-state").attr("r", t().state.sizeUnit).attr("cx", t().state.padding + t().state.sizeUnit).attr("cy", t().state.padding + t().state.sizeUnit), X = (e) => e.append("line").style("stroke", "grey").style("stroke-dasharray", "3").attr("x1", t().state.textHeight).attr("class", "divider").attr("x2", t().state.textHeight * 2).attr("y1", 0).attr("y2", 0), J = (e, i) => {
+  const o = e.append("text").attr("x", 2 * t().state.padding).attr("y", t().state.textHeight + 2 * t().state.padding).attr("font-size", t().state.fontSize).attr("class", "state-title").text(i.id), c = o.node().getBBox();
+  return e.insert("rect", ":first-child").attr("x", t().state.padding).attr("y", t().state.padding).attr("width", c.width + 2 * t().state.padding).attr("height", c.height + 2 * t().state.padding).attr("rx", t().state.radius), o;
+}, Y = (e, i) => {
+  const o = function(l, m, w) {
+    const E = l.append("tspan").attr("x", 2 * t().state.padding).text(m);
+    w || E.attr("dy", t().state.textHeight);
+  }, s = e.append("text").attr("x", 2 * t().state.padding).attr("y", t().state.textHeight + 1.3 * t().state.padding).attr("font-size", t().state.fontSize).attr("class", "state-title").text(i.descriptions[0]).node().getBBox(), g = s.height, p = e.append("text").attr("x", t().state.padding).attr(
+    "y",
+    g + t().state.padding * 0.4 + t().state.dividerMargin + t().state.textHeight
+  ).attr("class", "state-description");
+  let a = !0, r = !0;
+  i.descriptions.forEach(function(l) {
+    a || (o(p, l, r), r = !1), a = !1;
+  });
+  const y = e.append("line").attr("x1", t().state.padding).attr("y1", t().state.padding + g + t().state.dividerMargin / 2).attr("y2", t().state.padding + g + t().state.dividerMargin / 2).attr("class", "descr-divider"), x = p.node().getBBox(), d = Math.max(x.width, s.width);
+  return y.attr("x2", d + 3 * t().state.padding), e.insert("rect", ":first-child").attr("x", t().state.padding).attr("y", t().state.padding).attr("width", d + 2 * t().state.padding).attr("height", x.height + g + 2 * t().state.padding).attr("rx", t().state.radius), e;
+}, I = (e, i, o) => {
+  const c = t().state.padding, s = 2 * t().state.padding, g = e.node().getBBox(), p = g.width, a = g.x, r = e.append("text").attr("x", 0).attr("y", t().state.titleShift).attr("font-size", t().state.fontSize).attr("class", "state-title").text(i.id), x = r.node().getBBox().width + s;
+  let d = Math.max(x, p);
+  d === p && (d = d + s);
+  let l;
+  const m = e.node().getBBox();
+  i.doc, l = a - c, x > p && (l = (p - d) / 2 + c), Math.abs(a - m.x) < c && x > p && (l = a - (x - p) / 2);
+  const w = 1 - t().state.textHeight;
+  return e.insert("rect", ":first-child").attr("x", l).attr("y", w).attr("class", o ? "alt-composit" : "composit").attr("width", d).attr(
+    "height",
+    m.height + t().state.textHeight + t().state.titleShift + 1
+  ).attr("rx", "0"), r.attr("x", l + c), x <= p && r.attr("x", a + (d - s) / 2 - x / 2 + c), e.insert("rect", ":first-child").attr("x", l).attr(
+    "y",
+    t().state.titleShift - t().state.textHeight - t().state.padding
+  ).attr("width", d).attr("height", t().state.textHeight * 3).attr("rx", t().state.radius), e.insert("rect", ":first-child").attr("x", l).attr(
+    "y",
+    t().state.titleShift - t().state.textHeight - t().state.padding
+  ).attr("width", d).attr("height", m.height + 3 + 2 * t().state.textHeight).attr("rx", t().state.radius), e;
+}, _ = (e) => (e.append("circle").attr("class", "end-state-outer").attr("r", t().state.sizeUnit + t().state.miniPadding).attr(
+  "cx",
+  t().state.padding + t().state.sizeUnit + t().state.miniPadding
+).attr(
+  "cy",
+  t().state.padding + t().state.sizeUnit + t().state.miniPadding
+), e.append("circle").attr("class", "end-state-inner").attr("r", t().state.sizeUnit).attr("cx", t().state.padding + t().state.sizeUnit + 2).attr("cy", t().state.padding + t().state.sizeUnit + 2)), q = (e, i) => {
+  let o = t().state.forkWidth, c = t().state.forkHeight;
+  if (i.parentId) {
+    let s = o;
+    o = c, c = s;
+  }
+  return e.append("rect").style("stroke", "black").style("fill", "black").attr("width", o).attr("height", c).attr("x", t().state.padding).attr("y", t().state.padding);
+}, Z = (e, i, o, c) => {
+  let s = 0;
+  const g = c.append("text");
+  g.style("text-anchor", "start"), g.attr("class", "noteText");
+  let p = e.replace(/\r\n/g, "<br/>");
+  p = p.replace(/\n/g, "<br/>");
+  const a = p.split(T.lineBreakRegex);
+  let r = 1.25 * t().state.noteMargin;
+  for (const y of a) {
+    const x = y.trim();
+    if (x.length > 0) {
+      const d = g.append("tspan");
+      if (d.text(x), r === 0) {
+        const l = d.node().getBBox();
+        r += l.height;
+      }
+      s += r, d.attr("x", i + t().state.noteMargin), d.attr("y", o + s + 1.25 * t().state.noteMargin);
+    }
+  }
+  return { textWidth: g.node().getBBox().width, textHeight: s };
+}, K = (e, i) => {
+  i.attr("class", "state-note");
+  const o = i.append("rect").attr("x", 0).attr("y", t().state.padding), c = i.append("g"), { textWidth: s, textHeight: g } = Z(e, 0, 0, c);
+  return o.attr("height", g + 2 * t().state.noteMargin), o.attr("width", s + t().state.noteMargin * 2), o;
+}, L = function(e, i) {
+  const o = i.id, c = {
+    id: o,
+    label: i.id,
+    width: 0,
+    height: 0
+  }, s = e.append("g").attr("id", o).attr("class", "stateGroup");
+  i.type === "start" && O(s), i.type === "end" && _(s), (i.type === "fork" || i.type === "join") && q(s, i), i.type === "note" && K(i.note.text, s), i.type === "divider" && X(s), i.type === "default" && i.descriptions.length === 0 && J(s, i), i.type === "default" && i.descriptions.length > 0 && Y(s, i);
+  const g = s.node().getBBox();
+  return c.width = g.width + 2 * t().state.padding, c.height = g.height + 2 * t().state.padding, c;
+};
+let G = 0;
+const Q = function(e, i, o) {
+  const c = function(r) {
+    switch (r) {
+      case N.relationType.AGGREGATION:
+        return "aggregation";
+      case N.relationType.EXTENSION:
+        return "extension";
+      case N.relationType.COMPOSITION:
+        return "composition";
+      case N.relationType.DEPENDENCY:
+        return "dependency";
+    }
+  };
+  i.points = i.points.filter((r) => !Number.isNaN(r.y));
+  const s = i.points, g = $().x(function(r) {
+    return r.x;
+  }).y(function(r) {
+    return r.y;
+  }).curve(v), p = e.append("path").attr("d", g(s)).attr("id", "edge" + G).attr("class", "transition");
+  let a = "";
+  if (t().state.arrowMarkerAbsolute && (a = window.location.protocol + "//" + window.location.host + window.location.pathname + window.location.search, a = a.replace(/\(/g, "\\("), a = a.replace(/\)/g, "\\)")), p.attr(
+    "marker-end",
+    "url(" + a + "#" + c(N.relationType.DEPENDENCY) + "End)"
+  ), o.title !== void 0) {
+    const r = e.append("g").attr("class", "stateLabel"), { x: y, y: x } = U.calcLabelPosition(i.points), d = T.getRows(o.title);
+    let l = 0;
+    const m = [];
+    let w = 0, E = 0;
+    for (let u = 0; u <= d.length; u++) {
+      const h = r.append("text").attr("text-anchor", "middle").text(d[u]).attr("x", y).attr("y", x + l), f = h.node().getBBox();
+      w = Math.max(w, f.width), E = Math.min(E, f.x), b.info(f.x, y, x + l), l === 0 && (l = h.node().getBBox().height, b.info("Title height", l, x)), m.push(h);
+    }
+    let k = l * d.length;
+    if (d.length > 1) {
+      const u = (d.length - 1) * l * 0.5;
+      m.forEach((h, f) => h.attr("y", x + f * l - u)), k = l * d.length;
+    }
+    const n = r.node().getBBox();
+    r.insert("rect", ":first-child").attr("class", "box").attr("x", y - w / 2 - t().state.padding / 2).attr("y", x - k / 2 - t().state.padding / 2 - 3.5).attr("width", w + t().state.padding).attr("height", k + t().state.padding), b.info(n);
+  }
+  G++;
+};
+let B;
+const z = {}, V = function() {
+}, j = function(e) {
+  e.append("defs").append("marker").attr("id", "dependencyEnd").attr("refX", 19).attr("refY", 7).attr("markerWidth", 20).attr("markerHeight", 28).attr("orient", "auto").append("path").attr("d", "M 19,7 L9,13 L14,7 L9,1 Z");
+}, D = function(e, i, o, c) {
+  B = t().state;
+  const s = t().securityLevel;
+  let g;
+  s === "sandbox" && (g = H("#i" + i));
+  const p = s === "sandbox" ? H(g.nodes()[0].contentDocument.body) : H("body"), a = s === "sandbox" ? g.nodes()[0].contentDocument : document;
+  b.debug("Rendering diagram " + e);
+  const r = p.select(`[id='${i}']`);
+  j(r);
+  const y = c.db.getRootDoc();
+  A(y, r, void 0, !1, p, a, c);
+  const x = B.padding, d = r.node().getBBox(), l = d.width + x * 2, m = d.height + x * 2, w = l * 1.75;
+  R(r, m, w, B.useMaxWidth), r.attr(
+    "viewBox",
+    `${d.x - B.padding}  ${d.y - B.padding} ` + l + " " + m
+  );
+}, tt = (e) => e ? e.length * B.fontSizeFactor : 1, A = (e, i, o, c, s, g, p) => {
+  const a = new C({
+    compound: !0,
+    multigraph: !0
+  });
+  let r, y = !0;
+  for (r = 0; r < e.length; r++)
+    if (e[r].stmt === "relation") {
+      y = !1;
+      break;
+    }
+  o ? a.setGraph({
+    rankdir: "LR",
+    multigraph: !0,
+    compound: !0,
+    // acyclicer: 'greedy',
+    ranker: "tight-tree",
+    ranksep: y ? 1 : B.edgeLengthFactor,
+    nodeSep: y ? 1 : 50,
+    isMultiGraph: !0
+    // ranksep: 5,
+    // nodesep: 1
+  }) : a.setGraph({
+    rankdir: "TB",
+    multigraph: !0,
+    compound: !0,
+    // isCompound: true,
+    // acyclicer: 'greedy',
+    // ranker: 'longest-path'
+    ranksep: y ? 1 : B.edgeLengthFactor,
+    nodeSep: y ? 1 : 50,
+    ranker: "tight-tree",
+    // ranker: 'network-simplex'
+    isMultiGraph: !0
+  }), a.setDefaultEdgeLabel(function() {
+    return {};
+  }), p.db.extract(e);
+  const x = p.db.getStates(), d = p.db.getRelations(), l = Object.keys(x);
+  for (const n of l) {
+    const u = x[n];
+    o && (u.parentId = o);
+    let h;
+    if (u.doc) {
+      let f = i.append("g").attr("id", u.id).attr("class", "stateGroup");
+      h = A(u.doc, f, u.id, !c, s, g, p);
+      {
+        f = I(f, u, c);
+        let S = f.node().getBBox();
+        h.width = S.width, h.height = S.height + B.padding / 2, z[u.id] = { y: B.compositTitleSize };
+      }
+    } else
+      h = L(i, u);
+    if (u.note) {
+      const f = {
+        descriptions: [],
+        id: u.id + "-note",
+        note: u.note,
+        type: "note"
+      }, S = L(i, f);
+      u.note.position === "left of" ? (a.setNode(h.id + "-note", S), a.setNode(h.id, h)) : (a.setNode(h.id, h), a.setNode(h.id + "-note", S)), a.setParent(h.id, h.id + "-group"), a.setParent(h.id + "-note", h.id + "-group");
+    } else
+      a.setNode(h.id, h);
+  }
+  b.debug("Count=", a.nodeCount(), a);
+  let m = 0;
+  d.forEach(function(n) {
+    m++, b.debug("Setting edge", n), a.setEdge(
+      n.id1,
+      n.id2,
+      {
+        relation: n,
+        width: tt(n.title),
+        height: B.labelHeight * T.getRows(n.title).length,
+        labelpos: "c"
+      },
+      "id" + m
+    );
+  }), F(a), b.debug("Graph after layout", a.nodes());
+  const w = i.node();
+  a.nodes().forEach(function(n) {
+    n !== void 0 && a.node(n) !== void 0 ? (b.warn("Node " + n + ": " + JSON.stringify(a.node(n))), s.select("#" + w.id + " #" + n).attr(
+      "transform",
+      "translate(" + (a.node(n).x - a.node(n).width / 2) + "," + (a.node(n).y + (z[n] ? z[n].y : 0) - a.node(n).height / 2) + " )"
+    ), s.select("#" + w.id + " #" + n).attr("data-x-shift", a.node(n).x - a.node(n).width / 2), g.querySelectorAll("#" + w.id + " #" + n + " .divider").forEach((h) => {
+      const f = h.parentElement;
+      let S = 0, M = 0;
+      f && (f.parentElement && (S = f.parentElement.getBBox().width), M = parseInt(f.getAttribute("data-x-shift"), 10), Number.isNaN(M) && (M = 0)), h.setAttribute("x1", 0 - M + 8), h.setAttribute("x2", S - M - 8);
+    })) : b.debug("No Node " + n + ": " + JSON.stringify(a.node(n)));
+  });
+  let E = w.getBBox();
+  a.edges().forEach(function(n) {
+    n !== void 0 && a.edge(n) !== void 0 && (b.debug("Edge " + n.v + " -> " + n.w + ": " + JSON.stringify(a.edge(n))), Q(i, a.edge(n), a.edge(n).relation));
+  }), E = w.getBBox();
+  const k = {
+    id: o || "root",
+    label: o || "root",
+    width: 0,
+    height: 0
+  };
+  return k.width = E.width + 2 * B.padding, k.height = E.height + 2 * B.padding, b.debug("Doc rendered", k, a), k;
+}, et = {
+  setConf: V,
+  draw: D
+}, ot = {
+  parser: W,
+  db: N,
+  renderer: et,
+  styles: P,
+  init: (e) => {
+    e.state || (e.state = {}), e.state.arrowMarkerAbsolute = e.arrowMarkerAbsolute, N.clear();
+  }
+};
+export {
+  ot as diagram
+};

package/dist/stateDiagram-v2-c2b004d7-CDTm1Jfb.mjs

@@ -0,0 +1,184 @@
+import { s as Q, d as B, p as X, D as Z, a as H, b as F, S as m, c as I } from "./styles-ca3715f6-soe07Bnw.mjs";
+import { G as tt } from "./graph-CoIGCRFf.mjs";
+import { l as E, g, d as x, B as et, e as ot, k as w } from "./index-5_ujiRGo.mjs";
+import { r as st } from "./index-5325376f-BENBY8aO.mjs";
+import "./layout-aCAVHR2T.mjs";
+const h = "rect", C = "rectWithTitle", nt = "start", ct = "end", it = "divider", rt = "roundedWithTitle", lt = "note", at = "noteGroup", p = "statediagram", dt = "state", Et = `${p}-${dt}`, U = "transition", St = "note", Tt = "note-edge", _t = `${U} ${Tt}`, pt = `${p}-${St}`, ut = "cluster", Dt = `${p}-${ut}`, bt = "cluster-alt", ft = `${p}-${bt}`, V = "parent", Y = "note", At = "state", N = "----", ht = `${N}${Y}`, M = `${N}${V}`, W = "fill:none", z = "fill: #333", q = "c", K = "text", j = "normal";
+let y = {}, d = 0;
+const yt = function(t) {
+  const n = Object.keys(t);
+  for (const e of n)
+    t[e];
+}, gt = function(t, n) {
+  return n.db.extract(n.db.getRootDocV2()), n.db.getClasses();
+};
+function $t(t) {
+  return t == null ? "" : t.classes ? t.classes.join(" ") : "";
+}
+function R(t = "", n = 0, e = "", c = N) {
+  const i = e !== null && e.length > 0 ? `${c}${e}` : "";
+  return `${At}-${t}${i}-${n}`;
+}
+const A = (t, n, e, c, i, r) => {
+  const o = e.id, u = $t(c[o]);
+  if (o !== "root") {
+    let T = h;
+    e.start === !0 && (T = nt), e.start === !1 && (T = ct), e.type !== H && (T = e.type), y[o] || (y[o] = {
+      id: o,
+      shape: T,
+      description: w.sanitizeText(o, g()),
+      classes: `${u} ${Et}`
+    });
+    const s = y[o];
+    e.description && (Array.isArray(s.description) ? (s.shape = C, s.description.push(e.description)) : s.description.length > 0 ? (s.shape = C, s.description === o ? s.description = [e.description] : s.description = [s.description, e.description]) : (s.shape = h, s.description = e.description), s.description = w.sanitizeTextOrArray(s.description, g())), s.description.length === 1 && s.shape === C && (s.shape = h), !s.type && e.doc && (E.info("Setting cluster for ", o, G(e)), s.type = "group", s.dir = G(e), s.shape = e.type === F ? it : rt, s.classes = s.classes + " " + Dt + " " + (r ? ft : ""));
+    const _ = {
+      labelStyle: "",
+      shape: s.shape,
+      labelText: s.description,
+      // typeof newNode.description === 'object'
+      //   ? newNode.description[0]
+      //   : newNode.description,
+      classes: s.classes,
+      style: "",
+      //styles.style,
+      id: o,
+      dir: s.dir,
+      domId: R(o, d),
+      type: s.type,
+      padding: 15
+      //getConfig().flowchart.padding
+    };
+    if (_.centerLabel = !0, e.note) {
+      const l = {
+        labelStyle: "",
+        shape: lt,
+        labelText: e.note.text,
+        classes: pt,
+        // useHtmlLabels: false,
+        style: "",
+        // styles.style,
+        id: o + ht + "-" + d,
+        domId: R(o, d, Y),
+        type: s.type,
+        padding: 15
+        //getConfig().flowchart.padding
+      }, a = {
+        labelStyle: "",
+        shape: at,
+        labelText: e.note.text,
+        classes: s.classes,
+        style: "",
+        // styles.style,
+        id: o + M,
+        domId: R(o, d, V),
+        type: "group",
+        padding: 0
+        //getConfig().flowchart.padding
+      };
+      d++;
+      const D = o + M;
+      t.setNode(D, a), t.setNode(l.id, l), t.setNode(o, _), t.setParent(o, D), t.setParent(l.id, D);
+      let S = o, b = l.id;
+      e.note.position === "left of" && (S = l.id, b = o), t.setEdge(S, b, {
+        arrowhead: "none",
+        arrowType: "",
+        style: W,
+        labelStyle: "",
+        classes: _t,
+        arrowheadStyle: z,
+        labelpos: q,
+        labelType: K,
+        thickness: j
+      });
+    } else
+      t.setNode(o, _);
+  }
+  n && n.id !== "root" && (E.trace("Setting node ", o, " to be child of its parent ", n.id), t.setParent(o, n.id)), e.doc && (E.trace("Adding nodes children "), xt(t, e, e.doc, c, i, !r));
+}, xt = (t, n, e, c, i, r) => {
+  E.trace("items", e), e.forEach((o) => {
+    switch (o.stmt) {
+      case I:
+        A(t, n, o, c, i, r);
+        break;
+      case H:
+        A(t, n, o, c, i, r);
+        break;
+      case m:
+        {
+          A(t, n, o.state1, c, i, r), A(t, n, o.state2, c, i, r);
+          const u = {
+            id: "edge" + d,
+            arrowhead: "normal",
+            arrowTypeEnd: "arrow_barb",
+            style: W,
+            labelStyle: "",
+            label: w.sanitizeText(o.description, g()),
+            arrowheadStyle: z,
+            labelpos: q,
+            labelType: K,
+            thickness: j,
+            classes: U
+          };
+          t.setEdge(o.state1.id, o.state2.id, u, d), d++;
+        }
+        break;
+    }
+  });
+}, G = (t, n = Z) => {
+  let e = n;
+  if (t.doc)
+    for (let c = 0; c < t.doc.length; c++) {
+      const i = t.doc[c];
+      i.stmt === "dir" && (e = i.value);
+    }
+  return e;
+}, Ct = async function(t, n, e, c) {
+  E.info("Drawing state diagram (v2)", n), y = {}, c.db.getDirection();
+  const { securityLevel: i, state: r } = g(), o = r.nodeSpacing || 50, u = r.rankSpacing || 50;
+  E.info(c.db.getRootDocV2()), c.db.extract(c.db.getRootDocV2()), E.info(c.db.getRootDocV2());
+  const T = c.db.getStates(), s = new tt({
+    multigraph: !0,
+    compound: !0
+  }).setGraph({
+    rankdir: G(c.db.getRootDocV2()),
+    nodesep: o,
+    ranksep: u,
+    marginx: 8,
+    marginy: 8
+  }).setDefaultEdgeLabel(function() {
+    return {};
+  });
+  A(s, void 0, c.db.getRootDocV2(), T, c.db, !0);
+  let _;
+  i === "sandbox" && (_ = x("#i" + n));
+  const l = i === "sandbox" ? x(_.nodes()[0].contentDocument.body) : x("body"), a = l.select(`[id="${n}"]`), D = l.select("#" + n + " g");
+  await st(D, s, ["barb"], p, n);
+  const S = 8;
+  et.insertTitle(a, "statediagramTitleText", r.titleTopMargin, c.db.getDiagramTitle());
+  const b = a.node().getBBox(), L = b.width + S * 2, P = b.height + S * 2;
+  a.attr("class", p);
+  const O = a.node().getBBox();
+  ot(a, P, L, r.useMaxWidth);
+  const k = `${O.x - S} ${O.y - S} ${L} ${P}`;
+  E.debug(`viewBox ${k}`), a.attr("viewBox", k);
+  const J = document.querySelectorAll('[id="' + n + '"] .edgeLabel .label');
+  for (const $ of J) {
+    const v = $.getBBox(), f = document.createElementNS("http://www.w3.org/2000/svg", h);
+    f.setAttribute("rx", 0), f.setAttribute("ry", 0), f.setAttribute("width", v.width), f.setAttribute("height", v.height), $.insertBefore(f, $.firstChild);
+  }
+}, Rt = {
+  setConf: yt,
+  getClasses: gt,
+  draw: Ct
+}, Ot = {
+  parser: X,
+  db: B,
+  renderer: Rt,
+  styles: Q,
+  init: (t) => {
+    t.state || (t.state = {}), t.state.arrowMarkerAbsolute = t.arrowMarkerAbsolute, B.clear();
+  }
+};
+export {
+  Ot as diagram
+};

package/dist/styles/highlight.scss

@@ -0,0 +1,115 @@
+.markdown-body {
+  pre {
+    padding: 0;
+  }
+
+  pre,
+  code {
+    font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
+  }
+
+  pre code {
+    display: block;
+    overflow-x: auto;
+    padding: 1em;
+  }
+
+  code {
+    padding: 3px 5px;
+  }
+
+  .hljs,
+  pre {
+    background: #1a1b26;
+    color: #cbd2ea;
+  }
+
+  /*!
+  Theme: Tokyo-night-Dark
+  origin: https://github.com/enkia/tokyo-night-vscode-theme
+  Description: Original highlight.js style
+  Author: (c) Henri Vandersleyen <hvandersleyen@gmail.com>
+  License: see project LICENSE
+  Touched: 2022
+*/
+  .hljs-comment,
+  .hljs-meta {
+    color: #565f89;
+  }
+
+  .hljs-deletion,
+  .hljs-doctag,
+  .hljs-regexp,
+  .hljs-selector-attr,
+  .hljs-selector-class,
+  .hljs-selector-id,
+  .hljs-selector-pseudo,
+  .hljs-tag,
+  .hljs-template-tag,
+  .hljs-variable.language_ {
+    color: #f7768e;
+  }
+
+  .hljs-link,
+  .hljs-literal,
+  .hljs-number,
+  .hljs-params,
+  .hljs-template-variable,
+  .hljs-type,
+  .hljs-variable {
+    color: #ff9e64;
+  }
+
+  .hljs-attribute,
+  .hljs-built_in {
+    color: #e0af68;
+  }
+
+  .hljs-keyword,
+  .hljs-property,
+  .hljs-subst,
+  .hljs-title,
+  .hljs-title.class_,
+  .hljs-title.class_.inherited__,
+  .hljs-title.function_ {
+    color: #7dcfff;
+  }
+
+  .hljs-selector-tag {
+    color: #73daca;
+  }
+
+  .hljs-addition,
+  .hljs-bullet,
+  .hljs-quote,
+  .hljs-string,
+  .hljs-symbol {
+    color: #9ece6a;
+  }
+
+  .hljs-code,
+  .hljs-formula,
+  .hljs-section {
+    color: #7aa2f7;
+  }
+
+  .hljs-attr,
+  .hljs-char.escape_,
+  .hljs-keyword,
+  .hljs-name,
+  .hljs-operator {
+    color: #bb9af7;
+  }
+
+  .hljs-punctuation {
+    color: #c0caf5;
+  }
+
+  .hljs-emphasis {
+    font-style: italic;
+  }
+
+  .hljs-strong {
+    font-weight: 700;
+  }
+}