Bfdcampos Mermaid Contrast
- Updated December 10, 2025
- BfdCampos/mermaid-contrast
bfdcampos-mermaid-contrast is a Claude Code plugin that produces high-contrast Mermaid diagrams readable in light mode, dark mode, and on GitHub.
About
bfdcampos-mermaid-contrast is a one-plugin Claude Code extension aimed at developers who document systems with Mermaid but hate illegible pastel boxes on GitHub or in dark-mode previews. Instead of manually tuning classDef and theme variables every time, you register the marketplace and let the plugin steer Claude toward contrast-safe palettes and line weights that survive real viewers. It fits technical founders writing architecture notes, API guides, and onboarding docs during Build, especially when diagrams are a primary explanation layer. The scope is intentionally narrow: it is not a general diagramming suite or a full design system—only Mermaid contrast and styling discipline. If your deliverable is a crisp, shareable diagram embedded in markdown, this plugin reduces rework and review churn from unreadable exports.
- Single focused plugin for high-contrast Mermaid diagram styling.
- Works in light and dark viewing modes without washed-out nodes or edges.
- GitHub-compatible styling so README and issue diagrams stay legible.
- Beautiful default contrast rules so solo builders skip hand-tuning theme variables.
- Create flowcharts, sequence diagrams, and other Mermaid types with consistent visual hierarchy.
Bfdcampos Mermaid Contrast by the numbers
- Data as of Jul 7, 2026 (Skillselion catalog sync)
/plugin install bfdcampos-mermaid-contrast@BfdCampos/mermaid-contrastAdd your badge
Show developers this plugin is listed on Skillselion. Paste this into your README.
| Last updated | December 10, 2025 |
|---|---|
| Repository | BfdCampos/mermaid-contrast ↗ |
What it does
Add this plugin when you want Claude to emit Mermaid diagrams that stay readable on GitHub in both light and dark themes.
Who is it for?
Best when you're shipping READMEs, ADRs, and internal docs with Mermaid and care about GitHub and dual-theme readability.
Skip if: Skip if you need interactive diagrams, non-Mermaid tooling, or automated deploy pipelines unrelated to markdown documentation.
What you get
After install, Claude-generated Mermaid in your docs uses contrast-aware styling that stays readable without manual theme tweaking.
- Contrast-safe Mermaid diagram snippets ready to paste into READMEs and docs
- Consistent styling guidance applied across light and dark viewing contexts
- GitHub-friendly diagram markup with reduced manual theme edits
By the numbers
- Plugin count: 1
- Repository: BfdCampos/mermaid-contrast
- Focused on light-mode, dark-mode, and GitHub-compatible Mermaid styling
Recommended Plugins
0xbigboss Linear CliLinear CLI built with Zig1
15195999826 LomomarketplaceLomo's Claude Code Plugin Marketplace1
1broseidon MarketplaceCurated collection of Claude Code plugins for fullstack development teams1
4rgon4ut Cc Zig LspZig LSP plugin for Claude Code4
708u TwigSimplify git worktree and branch management with configurable symlinks, change carrying, and cleanup.22
8avalon8 AvalonclaudemarketAvalon 的 Claude Code 插件市场How it compares
A docs-focused styling plugin for Mermaid output, not an MCP server or full diagram editor.
FAQ
Who is Bfdcampos Mermaid Contrast for?
It is for developers and technical writers using Claude Code to generate Mermaid diagrams in markdown documentation.
When should I use Bfdcampos Mermaid Contrast?
Use it whenever you are building or updating docs, READMEs, or specs that include Mermaid and must render well on GitHub in light and dark modes.
How do I add Bfdcampos Mermaid Contrast to my agent?
Register the BfdCampos/mermaid-contrast repository as a Claude Code plugin marketplace and enable the included contrast plugin for your project or user scope.