Dark style is inspired by Microsoft Edge immersive reader. Also limit line width to 80 characters for readability. But I didn't find a way to center the body block, maybe you could help with this.
Dark reader style for nicolbolas.github.io - An OpenGL tutorial website. by jaxvanyang
Details
Authorjaxvanyang
LicenseNo License
Categorynicolbolas.github.io
Created
Updated
Size1.4 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
/* ==UserStyle==
@name Dark reader style for nicolbolas.github.io - An OpenGL tutorial website.
@namespace github.com/openstyles/stylus
@version 1.0.0
@description A new userstyle
@author JaxVanYang
==/UserStyle== */
@-moz-document domain("nicolbolas.github.io") {
/* Dark reader styles */
body {
font-family: "Sitka Text", Georgia, Cambria, Calibri;
font-size: 16px;
line-height: 1.5;
color: #B2B2B2 !important;
background-color: #242424;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 600;
margin: 0;
padding: 0;
line-height: 1.2;
}
h1 {
font-size: 2.75em;
}
h2 {
font-size: 2em;
}
h3 {
font-size: 1.5em;
}
h4 {
font-size: 1.25em;
}
p {
font-size: 1.125em;
line-height: 1.5;
}
div.navheader,
div.preface,
div.section,
div.navfooter,
body > div {
max-width: 80ch;
overflow-wrap: break-word;
}
a:link {
color: #9CEBED;
}
a:visited {
color: #F9B8B8;
}
a:hover {
color: #BBBDF7;
text-decoration: none;
}
::selection {
background-color: rgba(56, 139, 253, 0.4);
}
/* Style for special texts and code */
code.function {
color: #FFA3AC;
}
code.varname {
color: #ED94FF;
}
code.literal {
color: #B0ADFA;
}
pre.programlisting {
background-color: #030403;
}
span.code-modifier,
span.code-keyword {
color: #7272d3;
}
span.code-type {
color: #9fcdd7;
}
}