Unreadable code blocks due to dark themed code blocks inheriting background but not foreground
Summary
Note: this does not appear to be the same issue as the "diff view" bug that's been filed repeatedly. If it is, I apologize, but I searched for a copy of this bug everywhere.
When using a dark theme, code blocks within a markdown section (e.g., a comment or README) have the wrong color assigned to the text, leading to almost-impossible-to-read code blocks.
Steps to reproduce
- Set your "Syntax highlighting theme" to Dark (I didn't try the other dark themes, but I assume it's similar)
- Visit a page with code blocks embedded in a markdown, e.g., https://gitlab.com/rbdr/ngx_http_office_hours_filter_module
- Notice code blocks have dark text on a dark background.
Example Project
https://gitlab.com/rbdr/ngx_http_office_hours_filter_module
What is the current bug behavior?
Code is unreadable.
What is the expected correct behavior?
Code should be readable.
Relevant logs and/or screenshots
Output of checks
This bug happens on GitLab.com
Results of GitLab environment info
n/a
Results of GitLab application Check
n/a
Possible fixes
I think the easiest solution is to add color: inherit to .code > code, which currently only has background-color: inherit. I can't tell you exactly which line of code it is inside the compressed application.css file.
