Skip to content

feat(website): add light mode toggle to Docusaurus site#2504

Draft
sympatheticmoose wants to merge 1 commit intomainfrom
moose-bring-the-light
Draft

feat(website): add light mode toggle to Docusaurus site#2504
sympatheticmoose wants to merge 1 commit intomainfrom
moose-bring-the-light

Conversation

@sympatheticmoose
Copy link
Contributor

@sympatheticmoose sympatheticmoose commented Mar 2, 2026

Enable the built-in color mode toggle (sun/moon icon) in the navbar, add Grafana light theme CSS variables and Infima mappings, configure a light Prism syntax highlighting theme, and swizzle the ColorModeToggle component.

Light > Dark

Screenshot 2026-03-02 at 17 38 43

Dark > Light

Screenshot 2026-03-02 at 17 38 38

Light mode

Screenshot 2026-03-02 at 17 40 53

Dark mode

Screenshot 2026-03-02 at 17 41 00

What this PR does / why we need it:

Which issue(s) this PR fixes:

Fixes #

Special notes for your reviewer:

Enable the built-in color mode toggle (sun/moon icon) in the navbar,
add Grafana light theme CSS variables and Infima mappings, configure
a light Prism syntax highlighting theme, and swizzle the ColorModeToggle
component with humorous tooltip text.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
@github-actions
Copy link
Contributor

github-actions bot commented Mar 2, 2026

Hello! 👋 This repository uses Auto for releasing packages using PR labels.

✨ This PR can be merged. It will not be considered when calculating future versions of the npm packages and will not appear in the changelogs.

@sympatheticmoose sympatheticmoose added type/docs Changes only affect the documentation no-changelog Don't include in changelog and version calculations labels Mar 2, 2026
@grafana-plugins-platform-bot grafana-plugins-platform-bot bot moved this from 📬 Triage to 🔬 In review in Grafana Catalog Team Mar 2, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

no-changelog Don't include in changelog and version calculations type/docs Changes only affect the documentation

Projects

Status: 🔬 In review

Development

Successfully merging this pull request may close these issues.

1 participant