Github Better Fonts/Code Color/Octotree Spacing by lambdasolver

/* ==UserStyle==
@name           Github Better Fonts/Code Color/Octotree Spacing
@namespace      USO Archive
@author         ryotaro
@description    `Dark Code theme with ligatures if you have the font, and slightly more legible body font using Roboto`
@version        20191119.21.51
@license        CC0-1.0
@preprocessor   uso
==/UserStyle== */
@-moz-document domain("github.com"), domain("gist.github.com") {
/* operator mono */
.blob-code-inner,
.blob-num,
.highlight pre,
.diff-table,
.tab-size {
    font-family: "Ofirator Nerd Font", "Operator Mono SSm Lig", "Operator Mono", "Fira Code", monospace !important;
    font-size: 14px !important;
    tab-size: 2;
    color: #dfe1e8 !important;
}

b,
strong {
    font-weight: 700;
/*     letter-spacing: 0.025rem; */
    /*text-transform: uppercase;*/
}

.pl-c,
.pl-e,
.pl-ii {
    font-style: italic;
}

.pl-c,
.pl-ii {
    color: #4CAF50;
    background-color: inherit;
}

/* code wrap */
.blob-code-inner,
.markdown-body pre > code,
.markdown-body .highlight > pre {
    white-space: pre-wrap !important;
    word-break: break-all !important;
    overflow-wrap: break-word !important;
    display: block !important;
}

td.blob-code-inner {
    display: table-cell !important;
}

/* hanging indent */
/* .blob-code,
  .blob-code-inner,
  .js-file-line {
      padding-left: 8ch;
      text-indent: -8ch
  } */
.markdown-body {
    font-family: "Ofirator Nerd Font", "Roboto", "Roboto Mono", "Fira Code", monospace !important;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400;
    word-wrap: break-word;
}

body {
    font-family: "Roboto", "Roboto Mono", Segoe UI Emoji !important;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.75;
    color: #24292e;
    background-color: #fff;
}

/*! CodeMirror: Base16 Ocean Dark */
.CodeMirror {
    background: #2b303b !important;
    color: #dfe1e8 !important;
}

div.CodeMirror-selected {
    background: #343d46 !important;
}

.CodeMirror-gutters {
    background: #2b303b !important;
    border-right: 0 !important;
}

.CodeMirror-linenumber {
    color: #65737e !important;
}

.CodeMirror-cursor {
    border-left: 1px solid #a7adba !important;
}

span.cm-comment {
    color: #ab7967 !important;
}

span.cm-atom {
    color: #b48ead !important;
}

span.cm-number {
    color: #b48ead !important;
}

span.cm-attribute,
span.cm-property {
    color: #a3be8c !important;
}

span.cm-keyword {
    color: #bf616a !important;
}

span.cm-string {
    color: #ebcb8b !important;
}

span.cm-variable {
    color: #a3be8c !important;
}

span.cm-variable-2 {
    color: #8fa1b3 !important;
}

span.cm-def {
    color: #d08770 !important;
}

span.cm-error {
    background: #bf616a !important;
    color: #a7adba !important;
}

span.cm-bracket {
    color: #dfe1e8 !important;
}

span.cm-tag {
    color: #bf616a !important;
}

span.cm-link {
    color: #b48ead !important;
}

.CodeMirror-matchingbracket {
    text-decoration: underline !important;
    color: #fff !important;
}
.cm-s-github .cm-string {
    color: #98c379;
}


body .CodeMirror {
    background: #282c34 !important;
    font-size: 12px !important;
}
body .cm-s-github .CodeMirror-gutters {
    background: #282c34 !important;
}
body .cm-s-github .CodeMirror-lines {
    background: #282c34 !important;
}
body.cm-s-github-light .CodeMirror-lines {
    background: #282c34 !important;
}

.blob-code-inner {
    color: #abb2bf !important;
    font-size: 12px !important;
}

.highlighted {
    background-color: #3c414a !important;
}

code,
pre,
tt {
    font-size: 12px !important;
}

.blob-num {
    color: #636d83 !important;
}

.blob-wrapper {
    background: #282c34 !important;
}

.range-editor {
    background-color: #282c34 !important;
    border-color: #181a1f !important;
}

.pl-k {
    color: #c678dd !important;
}

.pl-e,
.pl-en {
    color: #61afef !important;
}

.pl-ent {
    color: #7fba00 !important;
}

.pl-c1,
.pl-s .pl-v {
    color: #d19a66 !important;
}

.pl-pds,
.pl-s,
.pl-s .pl-pse .pl-s1,
.pl-sr,
.pl-sr .pl-cce,
.pl-sr .pl-sra,
.pl-sr .pl-sre {
    color: #98c379 !important;
}

.pl-s .pl-s1,
.pl-smi {
    color: #c55 !important;
}

.pl-mh,
.pl-mh .pl-en,
.pl-ms {
    color: #e5c07b !important;
}

.pl-mb {
    color: #ccc !important;
}

pre {
    background-color: #24292e !important;
    border-radius: 8px !important;
}
/* # Markdown */
.readme .markdown-body,
.readme .plain {
    /*     background: #282c34 !important; */
    border: 1px solid #181a1f !important;
}

pre #text {
    color: #dfe1e8 !important;
}

code {
    background-color: #1b1d23 !important;
    color: #af6161 !important;
}

.markdown-body h1 {
    border-color: #555 !important;
}

.markdown-body h2 {
    border-color: #181a1f !important;
}

.markdown-body hr {
    background-color: #181a1f !important;
}

.markdown-body blockquote {
    border-color: #181a1f !important;
}

.markdown-body img {
    background-color: transparent !important;
}

.markdown-body code,
.markdown-body tt {
    background-color: #1b1d23 !important;
    font-weight: 300 !important;
    color: #fcb381 !important;
}

.markdown-body .highlight pre,
.markdown-body pre {
    background-color: #1b1d23 !important;
}

.markdown-body table tr {
    background-color: #222 !important;
    border-color: #181a1f !important;
}
.markdown-body table tr:nth-child(2n) {
    background-color: #090705 !important;
    border-color: #181a1f !important;
}

.markdown-body table td,
.markdown-body table th {
    border-color: #181a1f !important;
}

.markdown-body .highlight pre, .markdown-body pre {
  background-color: #1b1d23 !important;
  color: #dfe1e8 !important;
}
}

@-moz-document url-prefix("http://example.com") {
.octotree-sidebar.octotree-github-sidebar .octotree-views .octotree-tree-view .jstree-default .jstree-anchor,
.octotree-sidebar.octotree-github-sidebar .octotree-views .octotree-tree-view .jstree-default .jstree-icon,
.octotree-sidebar.octotree-github-sidebar .octotree-views .octotree-tree-view .jstree-default .jstree-icon:empty {
    font-style: normal;
    font-weight: 500 !important;
    line-height: 24px !important;
}
body.min-width-lg {
    min-width: calc(100vw-200px) !important;
    width: calc(100vw-200px) !important;
}
}