Styling of inline code blocks is jarring
Summary
Currently foo
renders as red text on a pink background, which seems jarring to me - the colouring suggests it's signalling an error which makes comments and other text where this is used harder to read than they would be without the styling, when really the styling should make it easier to read.
Red on pink isn't a great colour combination for contrast either.
Steps to reproduce
Look at the word "foo" here: foo
What is the current bug behavior?
It's red on a pink background.
What is the expected correct behavior?
A more harmonious combination of foreground and background colour (for example, another git-based code hosting site renders this as black on light grey).
Possible fixes
Change the CSS rules for <code>
I'm surprised I couldn't find an open report for this issue. https://gitlab.com/gitlab-org/gitlab-ce/issues/2786 mentioned it (but was closed due to lack of activity) so I'm not alone in this:
While we're at it, I'd much prefer greys to the default red/pink. (I always override that in bootstrap.) But that's more subjective than the size difference.
This may seem a rather minor issue, but I'm finding it very irritating and while looking for an existing report I saw https://gitlab.com/gitlab-org/gitlab-ce/issues/18364 says:
In general, we shy away from customization as much as we can. We want GitLab to be great out of the box.
And I think tweaking the styling here would make it just a little bit greater.