feat(fab26): Meshtastic × FAB26 Boston logo header

[thebentern]

Summary

Adds the co-branded Meshtastic M × FAB26 Boston header for FAB26 event mode, matching the Open Sauce / DEF CON treatment. Follow-up to #380 (which added the FAB26 bundled manifest).

When the flasher resolves the FAB26 edition (eventTag === 'FAB26'), LogoHeader.vue now shows the Meshtastic M × the FAB26 Boston mark instead of the plain M.

Details

• assets/img/fab26.png — the official FAB26 Boston mark (transparent navy disc). It reads on both themes with no per-theme filter: the navy disc pops on the cream light header and stays distinct from the near-black dark header, while its cream/gold/red interior stays legible on both.
• components/LogoHeader.vue — a FAB26 variant block (M × logo) plus .logo-icon-fab26 sizing so the round badge with its "26" tab reads a touch larger than the M.

Accent theming (gold #EAB14B) is already driven generically from the manifest theme — no theming changes needed here.

Verification

Ran the flasher locally with ?event=FAB26 and confirmed the header on both themes:

• Dark: M (green) × FAB26 navy disc, gold title/buttons, tagline shown.
• Light: M (green tile) × FAB26 navy disc popping on the cream background.

🤖 Generated with Claude Code

Summary by CodeRabbit

• New Features
  • Added FAB26 event branding to the header, including a dedicated logo and responsive sizing.
  • Displays the standard header title with the event tagline or event name as a fallback.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
web-flasher	Ready	Preview, Comment	Jul 18, 2026 5:36pm

[coderabbitai]

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro Plus

Run ID: 2186c64e-7ed8-480b-959e-9c29f2dd76b5

📥 Commits

Reviewing files that changed from the base of the PR and between 18188a1 and 5028cd2.

⛔ Files ignored due to path filters (1)

• assets/img/fab26.png is excluded by !**/*.png

📒 Files selected for processing (1)

• components/LogoHeader.vue

---

📝 Walkthrough

Walkthrough

LogoHeader.vue adds a FAB26 event branding branch that renders fab26.png, preserves the standard title and tagline fallback, and applies responsive sizing through a new scoped CSS rule.

Changes

FAB26 branding

Layer / File(s)	Summary
FAB26 header rendering and styling components/LogoHeader.vue	When FAB26 event mode is enabled, the header renders the FAB26 logo with the existing title and tagline structure; responsive CSS adjusts the badge height across breakpoints.

Estimated code review effort: 2 (Simple) | ~10 minutes

Possibly related PRs

• meshtastic/web-flasher#376: Adds another eventMode-driven branding variant in LogoHeader.vue.

Poem

A bunny hops where FAB26 glows,
A badge appears, and proudly shows.
The title stands, the tagline sings,
With tidy sizing on its wings.
Hop-hop—new branding springs!

🚥 Pre-merge checks | ✅ 5

✅ Passed checks (5 passed)

Check name	Status	Explanation
Title check	✅ Passed	The title is concise and accurately summarizes the FAB26 event-mode logo header change.
Description check	✅ Passed	The description covers the change and verification clearly, though it doesn't fully match the template checklist format.
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.
Linked Issues check	✅ Passed	Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check	✅ Passed	Check skipped because no linked issues were found for this pull request.

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands.}