Dark gray style for doc.sccode.org with Stylus addon

luka · September 18, 2020, 2:12pm

if you are often using doc.sccode.org and you prefer light text on dark backgrounds, here’s a simple CSS snippet to add to Stylus Add-On that turns that resource into one with inverted colors. It also adds max-width option so that on wide screens text does not become unreadable because of long lines.

body {
    background: #222;
    color: #333;
    -webkit-filter: invert(100%) !important;
    filter: invert(100%) !important;
    max-width:700px;
    margin:auto;
    
  }

.contents {
    border: solid 1px white;
    background: #ccc;
}