@heroiclands/package-build 23.12.8 → 24.0.0

package/CHANGELOG.md

@@ -1,5 +1,89 @@
 # @heroiclands/package-build
 
+## 24.0.0
+
+### Major Changes
+
+**Upgrading**
+
+- Build and preview sites with `package-build site build` and `package-build site serve`; Hugo is no longer used, so update your scripts and workflows and drop its install step.
+- Remove `site.hugo` from `package-build.config.yaml`, and write `[x]{.glyph}` or `[signs]{.cartouche}` where a note used a Hugo shortcode.
+- Describe a verse's metre, rhyme or syllable pattern in prose, since `meter=`, `rhyme=` and `syllables=` are errors; write a language's `stress` as a map, `{ two: first, longer: penultimate, mark: acute }`.
+- Use `engine.wikilinks` in place of `engine.webWikilinks`, and copy the new `assets/preview/gitea.ini` into the Gitea renderer's `app.ini`.
+
+### Patch Changes
+
+**Every surface**
+
+- Foundry journals, the editor preview and the book render alerts, verse, captions, footnotes, pictures and secret blocks alike; an editor passes its content index to `renderPreview` as `previewIndex`.
+- Fenced code that names a language is highlighted, a captioned map reads **Map N**, and `[label]{.glyph}` and `[label]{.cartouche}` set a sign or framed seal from `icons/<slug>.svg` or `images/cartouches/<slug>.svg`.
+
+**Fixes**
+
+- Errors on a note's first body line are reported at their own column, `extends` in a `.markdownlint-cli2` options file applies, building pictures twice reports no collisions, and `npm audit` reports no KaTeX advisory.
+
+**Languages and scripts**
+
+- A `doc` note lists a setting's core concepts in `data.concepts`, a language with `core: true` must cover them, words name theirs in `concept`, and `package-build core` lists the gaps.
+- Emphasis in a script reads as its own mark, a red rubric or an overline, stated in `data.script` or a language's `data.emphasis`; `_…_` and `__…__` work as `*…*` and `**…**` do.
+- A mapping with `logographic: true` writes each word from the lexicon by its own writing or its parts', and a word with neither is an error.
+- A verse fence's `scan=` names a metre declared in `data.metres`, and a line that cannot have its beats is a warning; a word's `variants` take the language's endings.
+
+**Sites**
+
+- `package-build site build` renders every page, `404.html`, `sitemap.xml` and the search index, minified; `site serve` rebuilds a page when its note or the theme changes and reloads the browser.
+- Blog posts are `doc` notes of `subType: post` with `data.date` and `data.author`, listed newest first and fed as Atom by `site.feed`; `site.sections` and `site.tags` add section and tag pages.
+- `site.base: /` serves a site at its domain's root, where `site.sitemaps` and `site.mergeIndexes` extend its sitemap index, `robots.txt` and search across package sites.
+- Search filters by package, type, subtype, culture, continent, region, author and tag, ranks a note's name first, shows its icon, and leaves out `.secret` sections.
+
+## 23.13.0
+
+### Minor Changes
+
+**Language registers**
+
+- A register row tagged `other:<tongue>` or `exonym:<tongue>` that its tongue's own register does not list, or whose tongue no language note claims, is an error instead of a warning, so a package carrying one now fails its lint.
+
+**Verse**
+
+- A poem is written in a ` ```verse ` fence, with the same keys as before; a ` ```poetry ` fence is an ordinary code block, so rename each one to keep it a poem.
+- On the site and in Foundry journals a poem carries the classes `verse` and `verse-line`; restyle any stylesheet that targets the old names.
+
+### Patch Changes
+
+**Languages**
+
+- An affix may name the word classes it attaches to in `attachesTo`, such as `[n, adj]`; mapped text then accepts its forms of those words alone.
+- An affix that names no classes attaches to words of every class.
+
+**Installing**
+
+- `npm audit` in a package that installs this one reports no sprintf-js advisory.
+
+**Names in prose**
+
+- Bold text is emphasis only: a bold label such as `**Strength**:` draws no warning asking you to mark or link it as a name.
+- A name marked with a `data-type` is compared only with notes of that type and subtype: a lineage that shares its name with a place draws no warning to link the place.
+
+**Definition lists**
+
+- A term with several descriptions sets each description on its own line on the site and in Foundry journals, instead of running them together.
+
+**Language notes**
+
+- A language may state `agreement` and `participles` in its grammar, and the word check then accepts its adjectives' and pronouns' agreeing forms and its participles on the verb root.
+- `package-build lexicon --derived` lists every form a language's rules derive, each beside the word it comes from.
+
+**Content index**
+
+- Two notes that spell a key of the same map with different case, such as `carved` and `Carved`, are reported at both notes and their lines, instead of aborting with a message that names no file.
+
+**Verse**
+
+- A poem can number its lines with `numstep=`, and can be set in up to two columns with `col1=` and `col2=`, such as a verse in a script beside its English, line for line.
+- Each column stacks entries that set one written line through a mapping and a font, so a line typed once in roman shows in its script and in roman.
+- A line that does not pair across the columns is an error at that line.
+
 ## 23.12.8
 
 ### Patch Changes

package/README.md

@@ -47,7 +47,7 @@ pre-push hook. Run `npm test` and the other checks directly, or use
 
 ## Documentation
 
-The documentation lives in the Markdown files in this repository. Start with [the documentation home](docs/index.md). This toolchain does not build its own site or book. A Hugo theme dependency would form a cycle because the theme uses package-build for releases.
+The documentation lives in the Markdown files in this repository. Start with [the documentation home](docs/index.md). This toolchain does not build its own site or book.
 
 | Topic                                             | Guide                                                                     |
 | ------------------------------------------------- | ------------------------------------------------------------------------- |
@@ -69,6 +69,7 @@ The documentation lives in the Markdown files in this repository. Start with [th
 | Localization and templates                        | [Localization](docs/guides/localization.md)                               |
 | Foundry integration testing                       | [End-to-end testing](docs/guides/e2e.md), including an optional S3 server |
 | Release and deployment                            | [Release and deploy](docs/guides/release-and-deploy.md)                   |
+| Invented languages and scripts                    | [Write in invented scripts](docs/guides/writing-in-invented-scripts.md)   |
 | Buffer-only preview and Gitea rendering           | [Source preview](docs/source-preview.md)                                  |
 | Every CLI command                                 | [Commands](docs/commands.md)                                              |
 | Every build setting                               | [Configuration](docs/configuration.md)                                    |
@@ -82,7 +83,7 @@ Every icon and image is covered by a provenance record stating `attribution`, `l
 
 `package-build cdn publish --set <file> --name <display name>` uploads every icon and image the package has, shipped or not, to `<site.assets>/<contentPackage>/` in that flat layout, and writes the named set listing the pictures the package leaves out. It reads the bucket from `CDN_ENDPOINT`, `CDN_BUCKET`, `CDN_ACCESS_KEY_ID` and `CDN_SECRET_ACCESS_KEY`, in the environment or `.env.local`. See [publish pictures to the CDN](docs/guides/release-and-deploy.md#publish-pictures-to-the-cdn).
 
-Leading captions, generic fenced divs, inline spans, and poetry code fences are described in [links and markup](docs/authoring/links-and-markup.md).
+Leading captions, generic fenced divs, inline spans, and verse code fences are described in [links and markup](docs/authoring/links-and-markup.md).
 
 Cypress end-to-end suites use pinned Chrome for Testing 155.0.8059.84 by default
 on macOS arm64 and Linux x64, downloaded once into a reusable cache. Select an

package/assets/preview/gitea.ini

@@ -9,12 +9,12 @@ RENDER_CONTENT_MODE = sanitized
 [markup.sanitizer.markdown.previewDiv]
 ELEMENT = div
 ALLOW_ATTR = class
-REGEXP = ^(hl-preview(?:-[a-z-]+)?|alert(?:-(?:note|tip|important|warning))?|content-figure(?:-[a-z-]+)?|poetry)( (hl-preview(?:-[a-z-]+)?|alert(?:-(?:note|tip|important|warning))?|content-figure(?:-[a-z-]+)?|poetry))*$
+REGEXP = ^(hl-preview(?:-[a-z-]+)?|content-figure(?:-[a-z-]+)?|verse(?:-[a-z-]+)?|border)( (hl-preview(?:-[a-z-]+)?|content-figure(?:-[a-z-]+)?|verse(?:-[a-z-]+)?|border))*$
 
 [markup.sanitizer.markdown.previewSpan]
 ELEMENT = span
 ALLOW_ATTR = class
-REGEXP = ^(hl-preview-[a-z-]+|alert-(?:title|icon)|poetry-[a-z-]+|i[0-8])( (hl-preview-[a-z-]+|alert-(?:title|icon)|poetry-[a-z-]+|i[0-8]))*$
+REGEXP = ^(hl-preview-[a-z-]+|alert-(?:title|icon)|verse-[a-z-]+|i[0-8]|hljs-[a-z_-]+|[a-z]+_{1,2})( (hl-preview-[a-z-]+|alert-(?:title|icon)|verse-[a-z-]+|i[0-8]|hljs-[a-z_-]+|[a-z]+_{1,2}))*$
 
 [markup.sanitizer.markdown.previewPre]
 ELEMENT = pre
@@ -29,7 +29,7 @@ REGEXP = ^(hl-preview-fence|language-[A-Za-z0-9_-]+)$
 [markup.sanitizer.markdown.previewAside]
 ELEMENT = aside
 ALLOW_ATTR = class
-REGEXP = ^hl-preview-infobox$
+REGEXP = ^(hl-preview-infobox|alert alert-(?:note|tip|important|warning)(?: [a-z][a-z0-9-]*)*)$
 
 [markup.sanitizer.markdown.alertSvgFill]
 ELEMENT = svg
@@ -56,15 +56,20 @@ ELEMENT = main
 ALLOW_ATTR = class
 REGEXP = ^hl-preview-main$
 
-[markup.sanitizer.markdown.alertBox]
-ELEMENT = blockquote
+[markup.sanitizer.markdown.alertTitle]
+ELEMENT = header
 ALLOW_ATTR = class
-REGEXP = ^alert alert-(note|tip|important|warning)$
+REGEXP = ^alert-title$
+
+[markup.sanitizer.markdown.noteImage]
+ELEMENT = figure
+ALLOW_ATTR = class
+REGEXP = ^note-image( note-image-[a-z-]+)*$
 
 [markup.sanitizer.markdown.previewParagraph]
 ELEMENT = p
 ALLOW_ATTR = class
-REGEXP = ^(alert-title|content-figure-label)$
+REGEXP = ^content-figure-label$
 
 [markup.sanitizer.markdown.alertSvgClass]
 ELEMENT = svg

package/assets/styles/content-base.css

@@ -16,8 +16,9 @@
  * named first in the manifest's `styles`.
  *
  * It carries what every package's compiled content needs to read in Foundry as
- * it does in the preview and on the site: definition lists, poetry, alerts,
- * inline spoilers, marked names, unresolved links and captioned blocks. Every
+ * it does in the preview and on the site: definition lists, verse, alerts,
+ * inline spoilers, marked names, unresolved links, captioned blocks and
+ * highlighted code. Every
  * class the Foundry renderer emits is styled here or exempted by name in
  * `tests/base-styles.test.ts`. A package keeps its own stylesheet for its own
  * needs and overrides anything here from it.
@@ -119,49 +120,157 @@
     }
 }
 
+/* preview:shared — verse, marked text and generic families. The rules between
+ * the two markers are also the editor preview's stylesheet, with the content
+ * roots replaced by the preview's own. */
+
 /* Each verse line breaks in the markup; each paragraph is a stanza. */
-:is(.journal-entry-page, .journal-entry-content, .editor-content, .prosemirror) .poetry {
+:is(.journal-entry-page, .journal-entry-content, .editor-content, .prosemirror) .verse {
     margin: 1.5rem 0;
     line-height: 1.7;
 }
 
-:is(.journal-entry-page, .journal-entry-content, .editor-content, .prosemirror) .poetry p {
+:is(.journal-entry-page, .journal-entry-content, .editor-content, .prosemirror) .verse p {
     margin: 0;
 }
 
-:is(.journal-entry-page, .journal-entry-content, .editor-content, .prosemirror) .poetry p + p {
+:is(.journal-entry-page, .journal-entry-content, .editor-content, .prosemirror) .verse p + p {
     margin-top: 1em;
 }
 
-.poetry .poetry-line {
+.verse .verse-line {
     display: inline-block;
-    margin-inline-start: var(--poetry-indent, 0em);
+    margin-inline-start: var(--verse-indent, 0em);
     white-space: pre-wrap;
 }
 
-.poetry .poetry-line.i1 {
-    --poetry-indent: 1.25em;
+.verse .verse-line.i1 {
+    --verse-indent: 1.25em;
+}
+.verse .verse-line.i2 {
+    --verse-indent: 2.5em;
+}
+.verse .verse-line.i3 {
+    --verse-indent: 3.75em;
+}
+.verse .verse-line.i4 {
+    --verse-indent: 5em;
+}
+.verse .verse-line.i5 {
+    --verse-indent: 6.25em;
+}
+.verse .verse-line.i6 {
+    --verse-indent: 7.5em;
+}
+.verse .verse-line.i7 {
+    --verse-indent: 8.75em;
+}
+.verse .verse-line.i8 {
+    --verse-indent: 10em;
+}
+
+/* Numbered verse carries its numbers in a margin. A verse in columns is one
+ * grid per verse line: its number, then each column's parts stacked, the
+ * first in the normal tone and the rest muted, every part in the serif unless
+ * its face sets it. A narrow journal stacks the columns of each line. */
+:is(.journal-entry-page, .journal-entry-content, .editor-content, .prosemirror)
+    .verse.verse-numbered {
+    position: relative;
+    padding-inline-start: 3em;
+}
+
+:is(.journal-entry-page, .journal-entry-content, .editor-content, .prosemirror)
+    .verse
+    .verse-number {
+    color: color-mix(in srgb, currentColor 60%, transparent);
+    font-size: 0.8em;
+}
+
+:is(.journal-entry-page, .journal-entry-content, .editor-content, .prosemirror)
+    .verse-numbered
+    .verse-line
+    .verse-number {
+    position: absolute;
+    inset-inline-start: 0;
+    width: 2.2em;
+    text-align: end;
+}
+
+:is(.journal-entry-page, .journal-entry-content, .editor-content, .prosemirror)
+    .verse.verse-columns {
+    container-type: inline-size;
 }
-.poetry .poetry-line.i2 {
-    --poetry-indent: 2.5em;
+
+:is(.journal-entry-page, .journal-entry-content, .editor-content, .prosemirror)
+    .verse-numbered.verse-columns {
+    padding-inline-start: 0;
+}
+
+:is(.journal-entry-page, .journal-entry-content, .editor-content, .prosemirror)
+    .verse-columns
+    .verse-row {
+    display: grid;
+    grid-auto-flow: column;
+    grid-auto-columns: 1fr;
+    column-gap: 1.5rem;
+    margin-bottom: 0.5em;
+}
+
+:is(.journal-entry-page, .journal-entry-content, .editor-content, .prosemirror)
+    .verse-numbered.verse-columns
+    .verse-row {
+    grid-template-columns: 2.5em;
 }
-.poetry .poetry-line.i3 {
-    --poetry-indent: 3.75em;
+
+:is(.journal-entry-page, .journal-entry-content, .editor-content, .prosemirror)
+    .verse-columns
+    .verse-number {
+    text-align: end;
+    padding-top: 0.2em;
 }
-.poetry .poetry-line.i4 {
-    --poetry-indent: 5em;
+
+:is(.journal-entry-page, .journal-entry-content, .editor-content, .prosemirror)
+    .verse-columns
+    :is(.verse-column, .verse-part) {
+    display: block;
+    white-space: pre-wrap;
 }
-.poetry .poetry-line.i5 {
-    --poetry-indent: 6.25em;
+
+:is(.journal-entry-page, .journal-entry-content, .editor-content, .prosemirror)
+    .verse-columns
+    .verse-part {
+    font-family: serif;
 }
-.poetry .poetry-line.i6 {
-    --poetry-indent: 7.5em;
+
+:is(.journal-entry-page, .journal-entry-content, .editor-content, .prosemirror)
+    .verse-columns
+    .verse-secondary {
+    color: color-mix(in srgb, currentColor 60%, transparent);
 }
-.poetry .poetry-line.i7 {
-    --poetry-indent: 8.75em;
+
+:is(.journal-entry-page, .journal-entry-content, .editor-content, .prosemirror)
+    .verse-columns
+    .verse-part[dir="rtl"] {
+    text-align: start;
 }
-.poetry .poetry-line.i8 {
-    --poetry-indent: 10em;
+
+@container (max-width: 32rem) {
+    :is(.journal-entry-page, .journal-entry-content, .editor-content, .prosemirror)
+        .verse-columns
+        .verse-row {
+        grid-auto-flow: row;
+        grid-template-columns: 1fr;
+    }
+    :is(.journal-entry-page, .journal-entry-content, .editor-content, .prosemirror)
+        .verse-numbered.verse-columns
+        .verse-row {
+        grid-template-columns: 2.5em 1fr;
+    }
+    :is(.journal-entry-page, .journal-entry-content, .editor-content, .prosemirror)
+        .verse-numbered.verse-columns
+        .verse-column {
+        grid-column: 2;
+    }
 }
 
 /* Text set in one of the faces. The font family and features come from the
@@ -172,10 +281,37 @@
 }
 
 .script-block[dir="rtl"],
-.poetry[dir="rtl"] {
+.verse[dir="rtl"] {
     text-align: start;
 }
 
+/*
+ * Emphasis in a script follows the script's convention, never a weight or a
+ * slant the face does not have: the element keeps the face's Regular, and its
+ * class sets the convention. The rubric is carried by colour alone, so each
+ * half holds 4.5:1 on Foundry's journal page in its theme and stays apart from
+ * the body text in lightness; a package that overrides it re-checks both.
+ */
+:is(.journal-entry-page, .journal-entry-content, .editor-content, .prosemirror) {
+    --pb-rubric: #9c281b;
+    --pb-rubric: light-dark(#9c281b, #e0705f);
+}
+
+.script :is(em, strong) {
+    font-style: normal;
+    font-weight: inherit;
+    font-synthesis: none;
+}
+
+.emph-rubric {
+    color: var(--pb-rubric);
+}
+
+.emph-overline {
+    text-decoration-line: overline;
+    text-decoration-skip-ink: none;
+}
+
 /* Text set in the reader's generic families, `font=serif`, `sans` and `mono`. */
 .font-serif {
     font-family: serif;
@@ -189,6 +325,8 @@
     font-family: monospace;
 }
 
+/* /preview:shared */
+
 /*
  * Historical info/warn section classes remain available for styled prose.
  * New alerts use the separate alert classes below.
@@ -343,12 +481,31 @@
     > p:first-child {
     display: inline;
 }
+:is(.journal-entry-page, .journal-entry-content, .editor-content, .prosemirror)
+    .dictionary
+    > div
+    > dd
+    + dd {
+    display: block;
+    text-indent: 0;
+}
+:is(.journal-entry-page, .journal-entry-content, .editor-content, .prosemirror)
+    .dictionary
+    > div
+    > dd
+    + dd
+    > p:first-child {
+    display: block;
+}
 @media (max-width: 600px) {
     :is(.journal-entry-page, .journal-entry-content, .editor-content, .prosemirror) .dictionary {
         --indent: 100px;
     }
 }
 
+/* preview:shared — inline spoilers, names, unresolved links, captioned blocks,
+ * pictures and highlighted code, to the end of the file. */
+
 /* Inline spoilers reveal on pointer hover or keyboard focus. Native secret
  * sections retain Foundry's separate GM reveal control. */
 :is(.journal-entry-page, .journal-entry-content, .editor-content, .prosemirror)
@@ -458,3 +615,115 @@
     border: 1px solid var(--pb-figure-border, currentcolor);
     border-radius: 4px;
 }
+
+/*
+ * Code a fence names a language for is highlighted when the page is built, and
+ * its token classes are coloured here. Each colour defers to a custom property
+ * so a package or a theme can replace it, and `light-dark()` follows the colour
+ * scheme Foundry sets.
+ */
+
+:is(.journal-entry-page, .journal-entry-content, .editor-content, .prosemirror) .hljs-keyword,
+:is(.journal-entry-page, .journal-entry-content, .editor-content, .prosemirror)
+    .hljs-variable.language_,
+:is(.journal-entry-page, .journal-entry-content, .editor-content, .prosemirror) .hljs-doctag,
+:is(.journal-entry-page, .journal-entry-content, .editor-content, .prosemirror) .hljs-selector-tag,
+:is(.journal-entry-page, .journal-entry-content, .editor-content, .prosemirror) .hljs-template-tag,
+:is(.journal-entry-page, .journal-entry-content, .editor-content, .prosemirror) .hljs-type {
+    color: var(--pb-code-keyword, light-dark(#cf222e, #ff7b72));
+}
+
+:is(.journal-entry-page, .journal-entry-content, .editor-content, .prosemirror) .hljs-title,
+:is(.journal-entry-page, .journal-entry-content, .editor-content, .prosemirror) .hljs-title.class_,
+:is(.journal-entry-page, .journal-entry-content, .editor-content, .prosemirror)
+    .hljs-title.class_.inherited__,
+:is(.journal-entry-page, .journal-entry-content, .editor-content, .prosemirror)
+    .hljs-title.function_,
+:is(.journal-entry-page, .journal-entry-content, .editor-content, .prosemirror)
+    .hljs-title.function_.invoke__,
+:is(.journal-entry-page, .journal-entry-content, .editor-content, .prosemirror) .hljs-selector-id {
+    color: var(--pb-code-title, light-dark(#8250df, #d2a8ff));
+}
+
+:is(.journal-entry-page, .journal-entry-content, .editor-content, .prosemirror) .hljs-attr,
+:is(.journal-entry-page, .journal-entry-content, .editor-content, .prosemirror) .hljs-attribute,
+:is(.journal-entry-page, .journal-entry-content, .editor-content, .prosemirror) .hljs-literal,
+:is(.journal-entry-page, .journal-entry-content, .editor-content, .prosemirror) .hljs-meta,
+:is(.journal-entry-page, .journal-entry-content, .editor-content, .prosemirror) .hljs-number,
+:is(.journal-entry-page, .journal-entry-content, .editor-content, .prosemirror) .hljs-operator,
+:is(.journal-entry-page, .journal-entry-content, .editor-content, .prosemirror) .hljs-variable,
+:is(.journal-entry-page, .journal-entry-content, .editor-content, .prosemirror) .hljs-selector-attr,
+:is(.journal-entry-page, .journal-entry-content, .editor-content, .prosemirror)
+    .hljs-selector-class,
+:is(.journal-entry-page, .journal-entry-content, .editor-content, .prosemirror) .hljs-property,
+:is(.journal-entry-page, .journal-entry-content, .editor-content, .prosemirror)
+    .hljs-variable.constant_,
+:is(.journal-entry-page, .journal-entry-content, .editor-content, .prosemirror)
+    .hljs-template-variable {
+    color: var(--pb-code-constant, light-dark(#0550ae, #79c0ff));
+}
+
+:is(.journal-entry-page, .journal-entry-content, .editor-content, .prosemirror) .hljs-regexp,
+:is(.journal-entry-page, .journal-entry-content, .editor-content, .prosemirror) .hljs-string,
+:is(.journal-entry-page, .journal-entry-content, .editor-content, .prosemirror)
+    .hljs-meta.hljs-string,
+:is(.journal-entry-page, .journal-entry-content, .editor-content, .prosemirror) .hljs-char.escape_ {
+    color: var(--pb-code-string, light-dark(#0a3069, #a5d6ff));
+}
+
+:is(.journal-entry-page, .journal-entry-content, .editor-content, .prosemirror) .hljs-built_in,
+:is(.journal-entry-page, .journal-entry-content, .editor-content, .prosemirror) .hljs-symbol,
+:is(.journal-entry-page, .journal-entry-content, .editor-content, .prosemirror) .hljs-meta.prompt_,
+:is(.journal-entry-page, .journal-entry-content, .editor-content, .prosemirror) .hljs-bullet {
+    color: var(--pb-code-builtin, light-dark(#953800, #ffa657));
+}
+
+:is(.journal-entry-page, .journal-entry-content, .editor-content, .prosemirror) .hljs-comment,
+:is(.journal-entry-page, .journal-entry-content, .editor-content, .prosemirror) .hljs-code,
+:is(.journal-entry-page, .journal-entry-content, .editor-content, .prosemirror) .hljs-formula {
+    color: var(--pb-code-comment, light-dark(#59636e, #9198a1));
+}
+
+:is(.journal-entry-page, .journal-entry-content, .editor-content, .prosemirror) .hljs-name,
+:is(.journal-entry-page, .journal-entry-content, .editor-content, .prosemirror) .hljs-quote,
+:is(.journal-entry-page, .journal-entry-content, .editor-content, .prosemirror)
+    .hljs-selector-pseudo,
+:is(.journal-entry-page, .journal-entry-content, .editor-content, .prosemirror) .hljs-tag {
+    color: var(--pb-code-name, light-dark(#116329, #7ee787));
+}
+
+:is(.journal-entry-page, .journal-entry-content, .editor-content, .prosemirror) .hljs-subst,
+:is(.journal-entry-page, .journal-entry-content, .editor-content, .prosemirror) .hljs-params,
+:is(.journal-entry-page, .journal-entry-content, .editor-content, .prosemirror) .hljs-punctuation {
+    color: var(--pb-code-plain, inherit);
+}
+
+:is(.journal-entry-page, .journal-entry-content, .editor-content, .prosemirror) .hljs-section {
+    color: var(--pb-code-constant, light-dark(#0550ae, #79c0ff));
+    font-weight: 700;
+}
+
+:is(.journal-entry-page, .journal-entry-content, .editor-content, .prosemirror) .hljs-emphasis {
+    font-style: italic;
+}
+
+:is(.journal-entry-page, .journal-entry-content, .editor-content, .prosemirror) .hljs-strong {
+    font-weight: 700;
+}
+
+:is(.journal-entry-page, .journal-entry-content, .editor-content, .prosemirror) .hljs-link {
+    color: var(--pb-code-constant, light-dark(#0550ae, #79c0ff));
+    text-decoration: underline;
+}
+
+:is(.journal-entry-page, .journal-entry-content, .editor-content, .prosemirror) .hljs-addition {
+    color: var(--pb-code-addition, light-dark(#116329, #aff5b4));
+    background-color: var(--pb-code-addition-fill, light-dark(#dafbe1, #033a16));
+}
+
+:is(.journal-entry-page, .journal-entry-content, .editor-content, .prosemirror) .hljs-deletion {
+    color: var(--pb-code-deletion, light-dark(#82071e, #ffdcd7));
+    background-color: var(--pb-code-deletion-fill, light-dark(#ffebe9, #67060c));
+}
+
+/* /preview:shared */