SVG not legible in dark mode
MDN URL
https://developer.mozilla.org/en-US/docs/Web/HTTP/Guides/Authentication
What specific section or headline is this issue about?
The general HTTP authentication framework
What information was incorrect, unhelpful, or incomplete?
https://mdn.github.io/shared-assets/images/diagrams/http/authentication/basic-auth.svg
The svg is not legible while using dark mode
What did you expect to see?
Being able to see the text outside of the boxes like in light mode
Do you have any supporting links, references, or citations?
No response
Do you have anything more you want to share?
No response
MDN metadata
Page report details
- Folder:
en-us/web/http/guides/authentication - MDN URL: https://developer.mozilla.org/en-US/docs/Web/HTTP/Guides/Authentication
- GitHub URL: https://github.com/mdn/content/blob/main/files/en-us/web/http/guides/authentication/index.md
- Last commit: https://github.com/mdn/content/commit/3a50bf634f24f832d97e3e2add4a4633ab255217
- Document last modified: 2025-08-01T05:10:46.000Z
cc @wbamberg
Thanks for reporting, the source is here: https://github.com/mdn/shared-assets/blob/main/images/diagrams/http/authentication/basic-auth.mmd
I wonder if this is a regression: when I updated the CORS diagrams the other day (https://github.com/mdn/shared-assets/pull/65) I found a similar problem. I was able to fix it by regenerating the SVGs from the Mermaid sources.
See also e.g. https://developer.mozilla.org/en-US/docs/Web/API/Service_Worker_API/Using_Service_Workers#setting_up_to_play_with_service_workers