Skip to content

Conversation

@bwhiting2356
Copy link
Contributor

@bwhiting2356 bwhiting2356 commented Dec 27, 2025

Summary

  • Fixes low contrast edge labels in Mermaid diagrams (e.g., "action", "observation", "finish" on the agents page)
  • Adds CSS styling for .labelBkg using theme colors for consistency
  • Supports both light mode and dark mode

Contrast Analysis

Before: #333333 text on #7f7f7f background

Before

Screenshot 2025-12-27 at 12 41 36 PM Screenshot 2025-12-27 at 12 41 32 PM

After

Screenshot 2025-12-27 at 12 45 47 PM Screenshot 2025-12-27 at 12 45 54 PM

Test plan

  • Check /oss/python/langchain/agents in light mode
  • Check /oss/python/langchain/agents in dark mode

🤖 Generated with Claude Code

@github-actions
Copy link
Contributor

Mintlify preview ID generated: preview-fixmer-1766867763-786d04f

@bwhiting2356 bwhiting2356 force-pushed the fix/mermaid-edge-label-contrast branch from 1573f65 to 3d9f20e Compare December 27, 2025 20:38
- Add styling for .labelBkg to fix low contrast edge labels in Mermaid diagrams
- Use theme colors (primary, light, dark) for consistency
- Support both light mode (white bg, teal border) and dark mode (dark bg, light teal)
- Add horizontal padding for better readability
- Hide empty edge label placeholders that rendered as dashes

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
@bwhiting2356 bwhiting2356 force-pushed the fix/mermaid-edge-label-contrast branch from 3d9f20e to e65af22 Compare December 27, 2025 20:38
@github-actions
Copy link
Contributor

Mintlify preview ID generated: preview-fixmer-1766868022-3770853

@bwhiting2356 bwhiting2356 marked this pull request as ready for review December 27, 2025 20:59
@github-actions
Copy link
Contributor

Mintlify preview ID generated: preview-fixmer-1766869216-c5f80a8

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants