← All examples

Stack Overflow: better code syntax contrast

Gives comments, keywords and strings in code blocks vivid colors for easier reading.

Code to copy

/* Improve syntax-highlight contrast in code blocks */
.prettyprint .com { color: #6a9955 !important; }
.prettyprint .str { color: #ce9178 !important; }
.prettyprint .kwd { color: #569cd6 !important; font-weight: 600 !important; }
.prettyprint .typ { color: #4ec9b0 !important; }
.prettyprint .lit { color: #b5cea8 !important; }
.prettyprint .pun { color: #d4d4d4 !important; }

How to use this example

1. Copy the code with the button above.
2. Install JustZix (2 minutes) and open the extension on the target page.
3. Add a new rule matching that page.
4. Paste the code into the rule's CSS panel and save — the effect appears instantly.