Skip to content

Fix Mermaid diagram text contrast with dark backgrounds #77

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
rysweet merged 5 commits into from
Aug 5, 2025
Merged

Fix Mermaid diagram text contrast with dark backgrounds #77

Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
12a395b
fix: drastically improve Mermaid diagram text contrast with dark back…
rysweet Aug 5, 2025
aa51f41
fix: prevent Mermaid diagram truncation with horizontal layout
rysweet Aug 5, 2025
3dab8ce
fix: add missing Semantic Layer and AST→Symbols binding to diagram
rysweet Aug 5, 2025
ffe28e2
fix: restore vertical layout with extensibility indicator
rysweet Aug 5, 2025
ab6145d
Update README.md
rysweet Aug 5, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
31 changes: 20 additions & 11 deletions README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -20,6 +20,7 @@ Cue is a sophisticated code analysis tool that creates comprehensive graph repre
Cue creates a sophisticated multilayer graph representation of your codebase:

```mermaid
%%{init: {'theme':'base', 'themeVariables': { 'fontSize': '16px'}}}%%
graph TB
subgraph "Cue Architecture"
subgraph "User Interfaces"
Expand All @@ -29,10 +30,12 @@ graph TB
end

subgraph "Cue Core Engine"
subgraph "Graph Layers"
subgraph "Graph Layers (Extensible)"
FS["Filesystem Layer<br/>• Files<br/>• Folders<br/>• Structure"]
CH["Code Hierarchy Layer<br/>• Classes<br/>• Functions<br/>• Variables"]
CH["Code Hierarchy Layer<br/>• AST→Symbols<br/>• Classes<br/>• Functions<br/>• Variables"]
DOC["Documentation Layer<br/>• Concepts<br/>• Entities<br/>• Auto-Link"]
SEM["Semantic Layer<br/>• LLM Summaries<br/>• Code Descriptions<br/>• Context"]
EXT["\+ Add Custom Layers<br/>• Github PR Layer<br/>• Security Layer<br/>• Metrics Layer<br/>• Your Layer Here"]
end

subgraph "Processing Components"
Expand All @@ -51,21 +54,27 @@ graph TB
CH --> LSP
CH --> TS
DOC --> LLM
SEM --> LLM
EXT -.-> LSP
EXT -.-> TS
EXT -.-> LLM

LSP --> Neo4j
TS --> Neo4j
LLM --> Neo4j
end

style VSCode fill:#e1f5fe
style MCP fill:#e8f5e9
style Neo4j fill:#fff3e0
style FS fill:#f3e5f5
style CH fill:#f3e5f5
style DOC fill:#f3e5f5
style LSP fill:#fce4ec
style TS fill:#fce4ec
style LLM fill:#fce4ec
style VSCode fill:#1976d2,color:#ffffff,stroke:#0d47a1,stroke-width:2px
style MCP fill:#388e3c,color:#ffffff,stroke:#1b5e20,stroke-width:2px
style Neo4j fill:#f57c00,color:#ffffff,stroke:#e65100,stroke-width:2px
style FS fill:#7b1fa2,color:#ffffff,stroke:#4a148c,stroke-width:2px
style CH fill:#7b1fa2,color:#ffffff,stroke:#4a148c,stroke-width:2px
style DOC fill:#7b1fa2,color:#ffffff,stroke:#4a148c,stroke-width:2px
style SEM fill:#7b1fa2,color:#ffffff,stroke:#4a148c,stroke-width:2px
style EXT fill:#546e7a,color:#ffffff,stroke:#37474f,stroke-width:2px,stroke-dasharray: 5 5
style LSP fill:#c2185b,color:#ffffff,stroke:#880e4f,stroke-width:2px
style TS fill:#c2185b,color:#ffffff,stroke:#880e4f,stroke-width:2px
style LLM fill:#c2185b,color:#ffffff,stroke:#880e4f,stroke-width:2px
```

## 🔧 Components
Expand Down