Code Artifacts in Dark Mode Appear with Black Text (Black on Black)

[krasney]

What happened?

When I use LibreChat in dark mode and get a code artifact, the code appears to be black-text-on-black-background and difficult to read. Attempted on Firefox for Desktop and Chrome for Android.

Steps to Reproduce

1. Use LibreChat in dark mode
2. Prompt in a way that generates code
3. See outcome

What browsers are you seeing the problem on?

Firefox

Relevant log output

Screenshots

No response

Code of Conduct

• I agree to follow this project's Code of Conduct

[danny-avila]

can't reproduce this, are you on latest?

[krasney]

Apologies; must be a recent fixed as I had updated recently. Confirmed working on Firefox.

[krasney]

Actually: looks like the "Preview" tab is black-on-black, but "Code" is correct. This was for an instance where the LLM was returning a text-based plan, and not code that runs.

[lllauri]

I have the same issue when previewing markdown. Code tab is OK but Preview is black on black. Light mode is not ideal either (black on gray) but it's readable. Happens both in Firefox and Chrome.

I have the latest version running locally in Docker
commit efed1c4 (HEAD -> main, origin/main, origin/HEAD)
Date: Wed Mar 12 12:03:16 2025 -0400

[Odrec]

I've had this problem as well sometimes with artifacts.

[vlad-tsoy]

Also having the same issue. In the dark mode, Preview shows text black on black. Tried on Safari, Edge, and Chrome