Skip to content Added
- Automatic favicon shipped with the theme, applied without touching
public/. Override with favicon in Starlight config.
homepage.imageWidth option for hero image size. Defaults to 500px; set higher for wide lockup images.
Fixed
showTitle: false now works in the centered hero layout (previously only worked in split layout).- Search result titles and headings no longer appear white-on-white in light mode. The
.header a selector was too broad and bled into Pagefind’s search modal.
- Search input focus ring uses Northwestern purple instead of the browser default.
Changed
- Release workflow uses npm trusted publishing (OIDC) instead of long-lived tokens.
Fixed
- Scrollbar gutter reserved space on splash pages, leaving a gap next to the topbar. Now only applied on pages with a scrollbar.
- Mermaid toolbar buttons use Northwestern purple focus rings instead of the browser default.
- Mermaid fullscreen close button dropped the red danger style and matches the other overlay buttons.
Changed
- Mermaid overlay buttons sized and styled to match the header theme toggle.
Added
- Fullscreen mermaid viewer supports touch: one-finger pan, pinch-to-zoom, two-finger pan.
- Mermaid toolbar stays visible on touch devices (
hover: none) since hover is unavailable.
- SVG downloads use descriptive filenames derived from the site title, page slug, and diagram type (e.g.,
northwestern-starlight-theme_examples-mermaid-flowchart.svg).
Added
- Fullscreen Mermaid viewer: wheel zoom and double-click zoom anchor to the pointer position.
- Zoom level badge (e.g.
84%) in the fullscreen viewer.
- GFM footnote styles: superscript
[n] reference markers, footnotes section with separator, styled ↩︎ back-references.
Fixed
- Mermaid diagrams sometimes breaking on Firefox and Safari. The toolbar script read
textContent after astro-mermaid had already rendered SVG into the element. Reads data-diagram first now.
- Horizontal rules in dark mode used
--nu-purple-140, which was invisible against the background. Switched to --nu-border-color.
Accessibility
- Fullscreen Mermaid overlay:
role="dialog", aria-modal, focus trap, focus restore on close.
- White focus rings on overlay controls, theme toggle, and menu button (all sit on dark backgrounds where the purple ring was invisible).
- Inline Mermaid toolbar buttons use a solid accent outline on focus instead of the near-invisible shadow ring.