Better Rust documentation Light Theme.css

@-moz-document domain("doc.rust-lang.org"), domain("docs.rs") {
/*
      * - Fixes width for large screens
      * - Boxes up, and spaces up list items
      * - Puts background color and subtle border color around listed methods
      * - Removes boldness from [+] buttons and makes them smaller and dimmer
      * - Changes color highlighting of documentation and code blocks
      */

  ::-webkit-scrollbar {
    width: 5px;
    height: 5px;
  }
  ::-webkit-scrollbar-track-piece {
    background-color: #fff;
  }
  ::-webkit-scrollbar-thumb:vertical {
    min-height: 50px;
    background-color: #f5f5f5;
    border-radius: 2px;
    border: 1px solid #e6e6fa;
  }
  body {
    font: 16px/1.4 "Open Sans", Georgia, Times, "Times New Roman", serif;
    background-color: inherit;
    color: #191f26;
  }
  /* next two selector for https://docs.rs*/
  div.container-rustdoc {
    max-width: 100%;
  }
  nav.sub,
  .content {
    margin-left: 245px;
  }
  a {
    color: #191f26;
  }
  .content,
  nav {
    max-width: 100%;
  }

  h1,
  h2,
  h3:not(.impl):not(.method):not(.type):not(.tymethod):not(.important),
  h4:not(.method):not(.type):not(.tymethod):not(.associatedconstant) {
    padding: 0;
    margin: 0;
  }

  h1,
  h2,
  h3:not(.impl):not(.method):not(.type):not(.tymethod),
  h4:not(.method):not(.type):not(.tymethod) {
    color: inherit;
  }

  h1.fqn {
    border-bottom-color: #d2d2d2;
  }
  h2,
  h3:not(.impl):not(.method):not(.type):not(.tymethod),
  h4:not(.method):not(.type):not(.tymethod) {
    border-bottom-color: #d2d2d2;
  }
  .theme-picker {
    display: none;
  }
  .sidebar {
    width: 230px;
    overflow-x: hidden;
    background-color: inherit;
  }
  .sidebar a {
    color: inherit;
  }
  .sidebar .sidebar-elems {
    margin: 0 10px;
  }

  .sidebar .sidebar-elems > .block:not(:first-child),
  .sidebar .sidebar-elems > .block:first-child > * {
    background-color: #f5f5f5;
    border: 1px solid #e6e6fa;
  }
  /*Fix me
    * group title with links with border around them
    */
  a.sidebar-title,
  .sidebar-links {
    margin: 0;
    border: none;
  }

  .sidebar .sidebar-elems > .block .sidebar-title {
    margin-top: 20px;
    background-color: #191f26;
    color: #ddd;
    border: 1px solid #191f26;
  }
  .sidebar .current {
    color: inherit;
    background-color: inherit;
    margin: 0;
  }
  .sidebar .location {
    padding: 5px 0;
    border: 1px solid #e6e6fa;
    background-color: #f5f5f5;
  }
  .sidebar .location:before {
    content: "🚩 ";
  }
  .source .sidebar {
    background-color: blue;
  }
  .sidebar .version {
    border-bottom-color: #888;
  }
  .sidebar .block > ul > li {
    margin: 0 !important;
  }
  nav {
    border-bottom: unset;
  }

  .block ul,
  .block li {
    margin: 0;
    padding: 0;
  }

  .line-numbers span {
    color: #3b91e2;
  }
  .line-numbers .line-highlighted {
    background-color: #191f26 !important;
  }
  .docblock h1,
  .docblock h2,
  .docblock h3,
  .docblock h4,
  .docblock h5 {
    border-bottom-color: #888;
  }
  .docblock table {
    border-color: #888;
  }
  .docblock table td {
    border-top-color: #888;
    border-bottom-color: #888;
  }
  .docblock table th {
    border-top-color: #888;
    border-bottom-color: #888;
  }
  :target {
    background: inherit;
  }
  :target > .in-band {
    background: inherit;
  }
  .search-input {
    padding: 5px 8px;
    font-size: 14px;
    background-color: inherit;
    color: #c5c5c5;
    box-shadow: 0 0 0 1px #e6e6fa, 0 0 0 2px transparent;
  }
  .search-input:focus {
    background-color: #f5f5f5;
    box-shadow: 0 0 0 1px #e6e6fa, 0 0 0 2px transparent;
    transition: border-color 300ms ease;
    transition: border-radius 300ms ease-in-out;
    transition: box-shadow 300ms ease-in-out;
    padding: 10px 8px;
  }
  .docblock a,
  .docblock-short a,
  .stability a {
    background-color: inherit;
    color: #3873ad;
  }
  .docblock code,
  .docblock-short code {
    background-color: inherit;
    font-weight: 500;
  }
  a.test-arrow {
    padding: 3px 4px 3px 3px;
    border-radius: 2px;
    font-size: 80%;
    top: 3px;
    right: 3px;
    background-color: #75b8fd73;
    color: inherit;
  }
  a.test-arrow:hover {
    background-color: #75b8fd;
  }
  .content .method .where,
  .content .fn .where,
  .content .where.fmt-newline {
    padding-left: 3.5em;
  }
  .content .impl-items .docblock,
  .content .impl-items .stability {
    margin-left: 0px;
    margin-bottom: 0.6em;
  }
  .stability > .stab.unstable,
  .stability > .stab.deprecated,
  .stability > .stab.portability {
    display: block;
    padding: 5px;
    width: 100%;
    font-size: 0.8em;
  }
  .stability > .stab.unstable {
    color: #8a6f12;
    background-color: #fff5d6;
    border-color: #dfb215;
  }
  .stab.deprecated {
    background: #f3dfff;
    border-color: #7f0087;
    color: #6a026a;
  }
  .stab.portability {
    background: #c4ecff;
    border-color: #7ba5db;
    color: #0059ff;
  }

  /* Reference list */
  h3.impl,
  h3.method,
  h4.method,
  h3.type,
  h4.type,
  h4.associatedconstant {
    font-weight: 500;
    margin-top: 15px;
    padding: 5px 10px;
  }
  .impl-items {
    margin-left: 3em;
  }
  .content .impl-items .method,
  .content .impl-items > .type,
  .impl-items > .associatedconstant {
    font-weight: 500;
  }

  h3.impl a,
  h3.method a,
  h4.method a,
  h3.type a,
  h4.type a,
  h4.associatedconstant a {
    font-weight: 800;
  }
  .content h1 > .out-of-band,
  ul.item-list > li > .out-of-band,
  h3.impl > .out-of-band,
  h4.method > .out-of-band {
    font-size: 0.85em;
    right: 0;
    top: 0.5em;
    margin-right: 3px;
  }
  ul.item-list > li > .out-of-band a,
  h3.impl > .out-of-band a,
  h4.method > .out-of-band a {
    font-weight: normal;
  }
  h1 .in-band,
  h3.impl .in-band {
    background-color: inherit;
  }

  h1 #toggle-all-docs,
  h3 > a.collapse-toggle,
  h4 > a.collapse-toggle {
    font-weight: normal;
    top: -3px;
    left: -26px;
  }

  .block a:hover,
  .content .collapse-toggle:hover,
  h1 .srclink:hover,
  h3.impl .srclink:hover,
  h4.method .srclink:hover,
  h1 #toggle-all-docs:hover,
  h3 > a.collapse-toggle:hover,
  h4 > a.collapse-toggle:hover,
  h1 #toggle-all-docs:focus,
  h3 > a.collapse-toggle:focus,
  h4 > a.collapse-toggle:focus {
    outline: none;
    color: #0470df;
  }
  .sidebar-links a {
    display: inline-block;
    text-decoration: none;
  }

  div.block > ul > li a::after,
  .sidebar-links a::after {
    content: "";
    display: block;
    width: 0;
    height: 1px;
    background: #0470df;
    transition: width 0.3s;
  }

  div.block > ul > li a:hover::after,
  .sidebar-links a:hover::after {
    width: 100%;
    transition: width 0.3s;
  }
  .content > .methods > div.important-traits {
    left: -25px;
    margin-top: 15px;
  }
  h4 > .important-traits {
    color: #f6003d;
    font-weight: bold;
    left: -50px;
    top: -5px;
  }
 .content .methods > div:not(.important-traits) {
    margin-top: 1em;
    margin-left: 3em;
    margin-bottom: 3em;
  }
  nav {
    border-bottom-color: #4e4e4e;
  }
  nav.main .current {
    border-top-color: #eee;
    border-bottom-color: #eee;
  }
  nav.main .separator {
    border-color: #eee;
  }
  .collapse-toggle {
    color: #999;
  }
  .module-item .stab {
    color: #191f26;
  }
  #help > div {
    background: #4d4d4d;
    border-color: #bfbfbf;
  }
  #help dt {
    border-color: #bfbfbf;
    background: rgba(0, 0, 0, 0);
    color: black;
  }
  .since {
    font-size: 1em;
    color: grey;
  }
  tr.result span.primitive::after {
    color: #ddd;
  }

  .toggle-label {
    color: #999;
  }
  :target > code {
    background: #fdffd3;
  }
  .item-spacer {
    width: 100%;
    height: 1.5em;
  }
  pre.compile_fail {
    border-left: 2px solid rgba(255, 0, 0, 0.6);
  }
  pre.compile_fail:hover,
  .information:hover + pre.compile_fail {
    border-left: 2px solid #f00;
  }
  pre.ignore {
    border-left: 2px solid rgba(255, 142, 0, 0.6);
  }
  pre.ignore:hover,
  .information:hover + pre.ignore {
    border-left: 2px solid #ff9200;
  }
  .tooltip.compile_fail {
    color: rgba(255, 0, 0, 0.6);
  }
  .information > .compile_fail:hover {
    color: #f00;
  }
  .tooltip.ignore {
    color: rgba(255, 142, 0, 0.6);
  }
  .information > .ignore:hover {
    color: rgba(255, 142, 0, 1);
  }
  .search-failed > a {
    color: #0089ff;
  }
  .tooltip .tooltiptext {
    color: #e6e1cf;

    padding: 5px 10px;
  }
  .tooltip .tooltiptext::after {
    border-color: transparent black transparent transparent;
  }
  .important-traits .tooltip .tooltiptext {
    color: inherit;
    border-radius: 3px;
  }
  #titles > div {
    border-bottom-color: #ccc;
  }
  #titles > div.selected {
    border-bottom-color: #0078ee;
  }
  #titles > div:hover {
    border-bottom-color: #0089ff;
  }
  #titles > div > div.count {
    color: #888;
  }
  .modal {
    background-color: rgba(0, 0, 0, 0.3);
  }
  .modal-content {
    background-color: #f1ebeb;
    border-color: #999;
  }
  .modal-content > .close {
    background-color: #f1ebeb;
    border-right: 1px solid #999;
  }
  .modal-content > .close:hover {
    background-color: #ff1f1f;
    color: white;
  }
  .modal-content > .whiter {
    background-color: #f1ebeb;
  }
  .modal-content > .close:hover + .whiter {
    background-color: #ff1f1f;
  }
  @media (max-width: 700px) {
    nav.sub,
    .content {
      margin-left: 0;
    }
    .sidebar {
      min-height: 50px;
      position: relative;
      width: 100%;
      border-bottom: unset;
      margin: 0;
      padding: 0;
    }
    .sidebar.mobile {
      position: relative;
    }
    .sidebar .location {
      font-size: 120%;
      margin-top: 10px;
      min-height: 30px;
    }
    .sidebar-menu {
      background-color: #f1f1f1;
      border: unset;
    }
    .sidebar .sidebar-elems {
      margin: 0;
      border-right-color: #f1f1f1;
      border-top: 1px solid #f1f1f1;
    }

    #sidebar-filler {
      border: unset;
    }
    .show-it > .block.items {
      margin: 0;
    }
    nav.sub {
      padding-bottom: 20px;
      padding-top: 20px;
      width: 100%;
    }
    .content h1 > .out-of-band,
    ul.item-list > li > .out-of-band,
    h3.impl > .out-of-band,
    h4.method > .out-of-band {
      float: right;
      position: unset;
    }
    .content .in-band {
      width: unset;
    }
  }
  @media (max-width: 416px) {
    nav.sub {
      float: right;
      width: 100%;
    }
  }
  kbd {
    color: #000;
    background-color: #fafbfc;
    border-color: #888;
    border-bottom-color: #888;
    box-shadow-color: #c6cbd1;
  }
}

@-moz-document domain("doc.rust-lang.org"), domain("docs.rs") {
/*
   * Documentation highlighting
   */

  .content .method .where,
  .content .fn .where,
  .content .where.fmt-newline {
    color: #4e4c4c;
  }

  .content .highlighted {
    color: inherit;
    background-color: #ccc;
  }
  .content .highlighted a,
  .content .highlighted span {
    color: inherit !important;
  }
  .sidebar .current:before {
    content: "▶️ ";
  }
  .sidebar .crate,
  .content span.crate,
  .content a.crate,
  .sidebar .current.crate {
    color: #191f26;
  }
  .sidebar .current.crate,
  .content .highlighted.crate {
    background-color: #191f262b;
  }

  .sidebar .externcrate,
  .content span.externcrate,
  .content span.externcrate {
    color: #073642;
  }

  .sidebar .current.externcrate,
  .content .highlighted.externcrate {
    background-color: #80808054;
  }

  .sidebar .constant,
  .content span.constant,
  .content a.constant,
  .block a.current.constant,
  .sidebar .static,
  .content span.static,
  .content a.static,
  .block a.current.static {
    color: #05b407;
  }
  .sidebar .current.constant,
  .content .highlighted.constant,
  .sidebar .current.static,
  .content .highlighted.static {
    background-color: #05b4074f;
  }

  .sidebar .enum,
  .content span.enum,
  .content a.enum,
  .block a.current.enum {
    color: #008543;
  }
  .sidebar .current.enum,
  .content .highlighted.enum {
    background-color: #0085433b;
  }

  .sidebar .fn,
  .content span.fn,
  .content a.fn,
  .block a.current.fn,
  .content span.method,
  .content a.method,
  .sidebar .method,
  .block a.current.method,
  .content span.tymethod,
  .content a.tymethod,
  .sidebar .tymethod,
  .block a.current.tymethod,
  .content .fnname {
    color: #cd00e2;
  }
  .sidebar .current.fn,
  .content .highlighted.fn,
  .sidebar .current.method,
  .content .highlighted.method,
  .sidebar .current.tymethod,
  .content .highlighted.tymethod {
    background-color: #99069a5c;
  }

  .sidebar .foreigntype,
  .content span.foreigntype,
  .content a.foreigntype,
  .block a.current.foreigntype {
    color: #2aa198;
  }
  .sidebar .current.foreigntype,
  .content .highlighted.foreigntype {
    background-color: #2aa19861;
  }

  .sidebar .macro,
  .content span.macro,
  .content a.macro,
  .block a.current.macro {
    color: #df5000;
  }
  .sidebar .current.macro,
  .content .highlighted.macro {
    background-color: #e8b887;
  }

  .sidebar .mod,
  .content span.mod,
  .content a.mod,
  .block a.current.mod {
    color: #6b8e23;
  }
  .sidebar .current.mod,
  .content .highlighted.mod {
    background-color: #6b8e237d;
  }

  .sidebar .primitive,
  .content span.primitive,
  .content a.primitive,
  .block a.current.primitive {
    color: #2987a6;
  }
  .sidebar .current.primitive,
  .content .highlighted.primitive {
    background-color: #2987a64a;
  }

  .sidebar .struct,
  .content span.struct,
  .content a.struct,
  .block a.current.struct {
    color: #856f00;
  }
  .sidebar .current.struct,
  .content .highlighted.struct {
    background-color: #e1bf1561;
  }

  .sidebar .trait,
  .content span.trait,
  .content a.trait,
  .block a.current.trait {
    color: #f6003d;
  }
  .sidebar .current.trait,
  .content .highlighted.trait {
    background-color: #f6003d33;
  }

  .sidebar .type,
  .content span.type,
  .content a.type,
  .block a.current.type {
    color: #ba5d00;
  }
  .sidebar .current.type,
  .content .highlighted.type {
    background-color: #ffc891;
  }

  .sidebar .union,
  .content span.union,
  .content a.union,
  .block a.current.union {
    color: #499650;
  }
  .sidebar .current.union,
  .content .highlighted.union {
    background-color: #49965057;
  }
}

@-moz-document domain("doc.rust-lang.org"), domain("docs.rs") {
/* Pre code highlighting 
      * Examples uses different code highlighting than documentation
      */
  h3.impl,
  h3.method,
  h4.method,
  h3.type,
  h4.type,
  h4.associatedconstant,
  pre {
    background-color: #f5f5f5;
    color: #000;
    border: 1px solid #e6e6fa;
  }
  pre,
  code {
    font-family: "Fira Code", "Source Code Pro", Menlo, Monaco, Consolas,
      "DejaVu Sans Mono", Inconsolata, monospace;
    font-size: 1em;
    line-height: 1.5;
  }
  /* let for in use while unsafe as */
  pre.rust .kw {
    color: #99069a;
  }
  /* mut & * */
  pre.rust .kw-2,
  pre.rust .prelude-ty {
    color: #118cb4;
  }
  /* nuber string char */
  pre.rust .number,
  pre.rust .string {
    color: #228b22;
  }
  pre.rust .self,
  pre.rust .bool-val,
  pre.rust .prelude-val,
  pre.rust .attribute,
  pre.rust .attribute .ident {
    color: #f00;
  }
  pre.rust .macro,
  pre.rust .macro-nonterminal {
    color: #b22222;
  }
  pre.rust .lifetime {
    color: #05b407;
  }
  pre.rust .question-mark {
    color: #ff9011;
  }
  pre.rust .comment,
  pre.rust .doccomment {
    color: #808080;
    display: inline-block;
    padding: 5px 0;
  }
}