Skip to content

Mermaid erDiagram attributes are unreadable in dark mode #22074

@kuuumo

Description

@kuuumo

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.

Image

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
  }
Loading

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:

Metadata

Metadata

Assignees

No one assigned

    Labels

    appIssues related to the Codex desktop appbugSomething isn't working

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions