31:T3648,stylesheets = [ "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/a11y-dark.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/a11y-dark.min.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/a11y-light.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/a11y-light.min.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/agate.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/agate.min.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/an-old-hope.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/an-old-hope.min.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/androidstudio.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/androidstudio.min.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/arduino-light.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/arduino-light.min.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/arta.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/arta.min.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/ascetic.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/ascetic.min.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/atom-one-dark.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/atom-one-dark.min.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/atom-one-dark-reasonable.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/atom-one-dark-reasonable.min.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/atom-one-light.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/atom-one-light.min.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/brown-paper.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/brown-paper.min.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/codepen-embed.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/codepen-embed.min.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/color-brewer.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/color-brewer.min.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/dark.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/dark.min.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/default.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/default.min.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/devibeans.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/devibeans.min.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/docco.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/docco.min.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/far.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/far.min.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/felipec.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/felipec.min.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/foundation.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/foundation.min.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/github.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/github.min.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/github-dark.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/github-dark.min.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/github-dark-dimmed.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/github-dark-dimmed.min.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/gml.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/gml.min.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/googlecode.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/googlecode.min.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/gradient-dark.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/gradient-dark.min.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/gradient-light.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/gradient-light.min.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/grayscale.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/grayscale.min.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/hybrid.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/hybrid.min.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/idea.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/idea.min.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/intellij-light.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/intellij-light.min.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/ir-black.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/ir-black.min.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/isbl-editor-dark.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/isbl-editor-dark.min.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/isbl-editor-light.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/isbl-editor-light.min.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/kimbie-dark.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/kimbie-dark.min.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/kimbie-light.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/kimbie-light.min.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/lightfair.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/lightfair.min.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/lioshi.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/lioshi.min.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/magula.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/magula.min.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/mono-blue.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/mono-blue.min.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/monokai.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/monokai.min.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/monokai-sublime.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/monokai-sublime.min.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/night-owl.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/night-owl.min.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/nnfx-dark.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/nnfx-dark.min.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/nnfx-light.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/nnfx-light.min.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/nord.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/nord.min.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/obsidian.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/obsidian.min.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/panda-syntax-dark.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/panda-syntax-dark.min.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/panda-syntax-light.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/panda-syntax-light.min.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/paraiso-dark.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/paraiso-dark.min.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/paraiso-light.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/paraiso-light.min.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/pojoaque.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/pojoaque.min.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/purebasic.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/purebasic.min.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/qtcreator-dark.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/qtcreator-dark.min.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/qtcreator-light.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/qtcreator-light.min.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/rainbow.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/rainbow.min.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/routeros.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/routeros.min.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/school-book.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/school-book.min.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/shades-of-purple.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/shades-of-purple.min.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/srcery.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/srcery.min.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/stackoverflow-dark.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/stackoverflow-dark.min.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/stackoverflow-light.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/stackoverflow-light.min.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/sunburst.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/sunburst.min.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/tokyo-night-dark.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/tokyo-night-dark.min.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/tokyo-night-light.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/tokyo-night-light.min.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/tomorrow-night-blue.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/tomorrow-night-blue.min.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/tomorrow-night-bright.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/tomorrow-night-bright.min.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/vs.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/vs.min.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/vs2015.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/vs2015.min.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/xcode.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/xcode.min.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/xt256.css", "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/xt256.min.css" ].filter((sheet) => { const name = sheet.split("/").at(-1); if (name.endsWith(".min.css")) return false; if (subfamily === "All") return true; if (subfamily === "Dark") return name.includes("dark"); if (subfamily === "Light") return name.includes("light"); })32:[] 2f:{"title":"Highlight.js styles, on a different axis","cells":[{"id":0,"value":"# Highlight.js styles, on a different axis\n\nI was wondering this morning whether there are patterns in highlighting themes. Like, are keywords usually red? This is an effort to find out. The answer is maybe.","pinned":false,"hidden":false,"mode":"md"},{"id":92,"value":"viewof subfamily = Inputs.select([\"Light\", \"All\", \"Dark\"], {\n label: \"Subfamily\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":6,"value":"{\n return html`

\n\n

style

\n${selectors.map((selector) => {\n return html`

\n${selector\n .replace(/[_-]/g, \"\")\n .split(\"\")\n .map((ch) => {\n return html`

${ch}

`;\n })}\n

`;\n})}\n

\n${stylesheets.map((sheet) => {\n const tr = html`

`;\n tr.appendChild(\n html`

${\n sheet.split(\"/\").at(-1).split(\".\")[0]\n }

`\n );\n tr.appendChild(example(sheet));\n return tr;\n})}\n

`;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":43,"value":"example = (sheet, selector) => {\n const host = html`

`;\n const shadow = host.attachShadow({ mode: \"open\" });\n shadow.appendChild(html``);\n const sub = html`

`;\n shadow.appendChild(sub);\n for (let selector of selectors) {\n sub.appendChild(html`\n

\n\n${selector.slice(0, 4)}\n
\n

`);\n }\n return host;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":14,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":22,"value":"selectors = [\n \"keyword\",\n \"built_in\",\n \"type\",\n \"literal\",\n \"number\",\n \"operator\",\n \"punctuation\",\n \"property\",\n \"regexp\",\n \"string\",\n \"char.escape\",\n \"subst\",\n \"symbol\",\n \"class\",\n \"function\",\n \"variable\",\n \"variable.language\",\n \"variable.constant\",\n \"title\",\n \"title.class\",\n \"title.class.inherited\",\n \"title.function\",\n \"title.function.invoke\",\n \"params\",\n \"comment\",\n \"doctag\",\n \"meta\",\n \"meta.prompt\",\n \"meta keyword\",\n \"meta string\",\n \"section\",\n \"tag\",\n \"name\",\n \"attr\",\n \"attribute\",\n \"bullet\",\n \"code\",\n \"emphasis\",\n \"strong\",\n \"formula\",\n \"link\",\n \"quote\",\n \"selector-tag\",\n \"selector-id\",\n \"selector-class\",\n \"selector-attr\",\n \"selector-pseudo\",\n \"template-tag\",\n \"template-variable\",\n \"addition\",\n \"deletion\",\n \"pattern-match\",\n \"typing\",\n \"constructor\",\n \"module-access\",\n \"module\"\n].filter(\n (scope) =>\n // Ignore sub-scopes\n !scope.includes(\".\")\n)","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W32","stdlib":"1","titling":"auto"}