Skip to content

readthedocs.io (readthedocs) lazy dark by 7aint

Screenshot of readthedocs.io (readthedocs) lazy dark

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

crazy dark theme i made for readthedocs docs pages

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;
  }
}

Reviews

No reviews yet.