Skip to content
This repository was archived by the owner on Apr 8, 2026. It is now read-only.

v5.1.0 — Grafana-style Theme Picker

Choose a tag to compare

View all tags
@Roberdan Roberdan released this 21 Mar 20:11
· 222 commits to main since this release
v5.1.0
fb6e92c

Added

  • themePicker() — Grafana-style theme selection with 5 preview cards showing surface, card, and accent colors
  • profileMenu type: 'theme-switcher' — embed theme picker directly in the profile dropdown menu
  • ARIA radiogroup pattern with keyboard navigation (Tab, Enter, Space)
  • Compact mode for menu embedding
  • Available on window.Maranello.themePicker (IIFE)
  • 15 new unit tests (1062 total)

Usage

// Standalone
const picker = Maranello.themePicker(container, {
  onChange: (theme) => console.log(theme)
});

// In profile menu
Maranello.profileMenu(el, {
  name: 'User',
  sections: [{ title: 'Theme', type: 'theme-switcher' }]
});
Assets 6
Loading