codex - 💡(How to fix) Fix Mermaid erDiagram attributes are unreadable in dark mode [1 participants]

Official PRs (…)
ON THIS PAGE

Recommended Tools

×6

Utilities matched from this issue’s tags and category — try them while you read without losing context.

GitHub issue graph ai analysis

Paste a GitHub issue URL. We fetch that issue, discover linked issues from bodies/comments/timeline, collect linked pull requests, and produce a structured English report.

The report is written in English Markdown for sharing and archival.

Helpful · Quick feedback

Loading…
GitHub stats
openai/codex#22074Fetched 2026-05-11 03:19:34
View on GitHub
Comments
0
Participants
1
Timeline
2
Reactions
0
Author
Participants
Timeline (top)
labeled ×2

Code Example

erDiagram
  ACCOUNT ||--o{ ACCOUNT_PROJECT : has
  PROJECT ||--o{ ACCOUNT_PROJECT : assigned_to
  PROJECT ||--o{ PROJECT_RULE : has_rules

  ACCOUNT {
    string id
    string name
    string email
    int status
  }

  PROJECT {
    string id
    string name
    string description
    boolean active
  }

  ACCOUNT_PROJECT {
    string id
    string account_id
    string project_id
  }

  PROJECT_RULE {
    string id
    string project_id
    string rule_name
  }
RAW_BUFFERClick to expand / collapse

What version of the Codex App are you using (From “About Codex” dialog)?

26.506.31421 (CFBundleVersion 2620)

What subscription do you have?

Pro

What platform is your computer?

Darwin 25.4.0 arm64 arm

What issue are you seeing?

In the Codex App Mermaid preview, erDiagram tables can render with near-white text on white attribute rows when Codex is used in a dark UI. This makes some entity attributes effectively unreadable.

The screenshot I have is sanitized and uses only sample entities (ACCOUNT, PROJECT, ACCOUNT_PROJECT, PROJECT_RULE). The affected rows show white or near-white attribute text on white table cells.

Relationship labels are also low contrast in the dark UI.

What steps can reproduce the bug?

Paste the following Mermaid diagram into Codex while using the dark UI:

erDiagram
  ACCOUNT ||--o{ ACCOUNT_PROJECT : has
  PROJECT ||--o{ ACCOUNT_PROJECT : assigned_to
  PROJECT ||--o{ PROJECT_RULE : has_rules

  ACCOUNT {
    string id
    string name
    string email
    int status
  }

  PROJECT {
    string id
    string name
    string description
    boolean active
  }

  ACCOUNT_PROJECT {
    string id
    string account_id
    string project_id
  }

  PROJECT_RULE {
    string id
    string project_id
    string rule_name
  }

Observed result: fields such as id, email, description, and project_id are difficult or impossible to read on the white rows.

Changing Mermaid themes did not resolve it reliably.

What is the expected behavior?

All table attribute text should remain readable in dark mode. If attribute rows use a white or light background, their text should use a dark foreground color.

Additional information

This looks similar to Mermaid dark-mode embedding issues reported in other environments, especially ER diagrams where some cells appear to keep light-theme styling while inheriting dark-theme text colors.

Related discussions:

Vote matrix · Quick signals

Works
Did the solution work? Tap to confirm.
Easy Fix
Was it a quick fix?
Time Saver
Did it save you time?
Blocking
Was it severely blocking?
Common Issue
Are others likely hitting this too?
Flaky / Intermittent
Is it intermittent?
Verified / Reproducible
Can you reproduce it reliably?
Loading…

Still need to ship something?

×6

Another batch ranked right after the header list — different links, same matching logic.

Back to top recommendations

TRENDING

codex - 💡(How to fix) Fix Mermaid erDiagram attributes are unreadable in dark mode [1 participants]