GitLabMarkdownViewer icon indicating copy to clipboard operation
GitLabMarkdownViewer copied to clipboard

Make code blocks easier to read - gray background

Open ozmium opened this issue 4 years ago • 0 comments

Change the CSS style for "pre" code blocks. Use a gray background with dark-gray border:

Old:

pre {
 background-color:#ffffff;
 border:1px solid #e5e5e5;
}

New:

pre {
  background-color:#eaeaea;
  border:1px solid #b7b7b7;
}

This is closer to the standard GitHub/Bitbucket style, and increases readability, and makes the rendered document look better.

Preview of Rendered Markdown

Screenshot CSS change Preview

ozmium avatar Sep 28 '19 16:09 ozmium