Skip to content
Northwestern Starlight Theme

Changelog

1.2.0

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.

1.1.1

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).

1.1.0

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.

1.0.0

  • Initial public release
  • Northwestern Purple color palette mapped to Starlight’s accent system
  • Akkurat Pro (body) and Poppins (headings) loaded from Northwestern CDN
  • Styled tables, badges, asides, cards, tabs, and code blocks
  • Mermaid diagram support with Northwestern colors and fullscreen viewer
  • OpenAPI plugin compatibility with method badge preservation
  • Reduced motion support for transitions