Skip to content

feat: enhance Semantic Mermaid Diff with pane separation and fix KaTeX block diff styling - #78

Merged
phine-apps merged 1 commit into
mainfrom
feature/semantic-mermaid-diff-and-katex-styling
Aug 26, 2026
Merged

feat: enhance Semantic Mermaid Diff with pane separation and fix KaTeX block diff styling#78
phine-apps merged 1 commit into
mainfrom
feature/semantic-mermaid-diff-and-katex-styling

Conversation

@phine-apps

Copy link
Copy Markdown
Owner

Summary

  • Semantic Mermaid Diff Split-View Separation: Generated separate styled flowchart diagrams for Left Pane (v1: deleted red / modified amber) and Right Pane (v2: added green / modified amber), aligning diagram diff behavior with all other text, table, and image diffs in Rich Markdown Diff.
  • Dark Theme Node Contrast: Refined Mermaid diff styles with dark fills (#132a1c, #2e2305, #2c1214), vivid border strokes (#22c55e, #f59e0b, #ef4444), and high-contrast text (#4ade80, #fbbf24, #f87171).
  • KaTeX Block Diff Styling Fix: Separated .katex-block from the transparent reset CSS block and added dedicated :has(> .katex-block) diff container styling to preserve green insertion background (var(--diff-inserted-bg)) and borders without double margins/padding.
  • Fixtures & Tests: Updated fixtures/comprehensive_{v1,v2}.md, unit tests, snapshot files, and Playwright VRT baselines.

Verification

  • Unit tests (pnpm run test:unit): 233 passing

@phine-apps
phine-apps merged commit 394a8bc into main Aug 26, 2026
1 check passed
phine-apps added a commit that referenced this pull request Aug 30, 2026
…and-katex-styling

feat: enhance Semantic Mermaid Diff with pane separation and fix KaTeX block diff styling
@phine-apps
phine-apps deleted the feature/semantic-mermaid-diff-and-katex-styling branch August 30, 2026 05:14
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant