Skip to content

[docs-infra] The docs with RTL break the dark theme #41239

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.

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

Closed
alexfauquette opened this issue Feb 22, 2024 · 3 comments · Fixed by #41803
Closed

[docs-infra] The docs with RTL break the dark theme #41239

alexfauquette opened this issue Feb 22, 2024 · 3 comments · Fixed by #41803
Assignees
Labels
regression 🐛 A bug, but worse scope: docs-infra Specific to the docs-infra product

Comments

@alexfauquette
Copy link
Member

alexfauquette commented Feb 22, 2024

Open settings and set the docs with RTL and dark theme. The background is dark, but the markdown content is in light mode

image

Search keywords:

@alexfauquette alexfauquette added bug 🐛 Something doesn't work scope: docs-infra Specific to the docs-infra product labels Feb 22, 2024
@oliviertassinari
Copy link
Member

oliviertassinari commented Feb 22, 2024

:where(.mode-dark) .css-1w2t1wc p
:where(.mode-dark) .css-1w2t1wc ul
:where(.mode-dark) .css-1w2t1wc ol {
  color: var(--muidocs-palette-grey-400, #B0B8C4);
}

.rtl-1w2t1wc:where(.mode-dark) .rtl-1w2t1wc p
.rtl-1w2t1wc:where(.mode-dark) .rtl-1w2t1wc ul
.rtl-1w2t1wc:where(.mode-dark) .rtl-1w2t1wc ol {
  color:var(--muidocs-palette-grey-400 #B0B8C4);
}

emotion-js/emotion#2836

@thomaslindstrom
Copy link

@oliviertassinari fwiw I added a PR that fixes this issue here: emotion-js/emotion#3210

Copy link

github-actions bot commented Dec 4, 2024

This issue has been closed. If you have a similar problem but not exactly the same, please open a new issue.
Now, if you have additional information related to this issue or things that could help future readers, feel free to leave a comment.

@oliviertassinari oliviertassinari removed the bug 🐛 Something doesn't work label Apr 30, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
regression 🐛 A bug, but worse scope: docs-infra Specific to the docs-infra product
Projects
None yet
3 participants