crazy dark theme i made for readthedocs docs pages
readthedocs.io (readthedocs) lazy dark by 7aint
Details
Author7aint
LicenseCC 0
Categoryhttps://docs.readthedocs.io
Created
Updated
Size1.4 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
update frequency: rare
Source code
/* ==UserStyle==
@name readthedocs.io (readthedocs) lazy dark
@namespace stdio.h
@version 0
@description sophisticated lazyness applied. supports your usual readthedocs docs such as docs.readthedocs.io, beautiful-soup-4.readthedocs.io, docs.pwntools.com, etc. to add sites with the same structure, use the settings (for stylus)
@author 7aint
==/UserStyle== */
@-moz-document domain("readthedocs.io") {
:root { /* entire thing */
color-scheme:dark;
/* simple (lazy) color shaping that flips bright colors to its dark counterpart (sort of like inverting the luminousity meter */
-webkit-filter: invert(1) hue-rotate(180deg) contrast(70%);
}
img, nav[class="wy-nav-side"], div.rst-versions { /* stuff that look like fart after inversion */
-webkit-filter: invert(1) hue-rotate(180deg) brightness(150%);
}
li.current { /* stuff that look like fart in general */
-webkit-filter: invert(.89) brightness(200%);
}
body.wy-body-for-nav {
background: #282828;
}
section[class="wy-nav-content-wrap"] {
background: #fff;
}
.search__outer__input {
color:#111;
}
.search__backdrop {
background-color: rgb(255 255 255 / 50%);
}
.rst-versions .rst-other-versions {
color: #b1b1b1;
}
.highlight > pre {
color-scheme: light !important;
}
}