Arxiv Darker Theme by dendenxu

/* ==UserStyle==
@name         Arxiv Dark Theme
@namespace    USO Archive
@author       abhishekchakraborty
@description  Dark theme for <a href="https://arxiv.org">Arxiv</a>
@version      20200503.18.44
@license      CC-BY-4.0
@preprocessor uso
==/UserStyle== */
@-moz-document domain("arxiv.org") {
    :root {
        --default-bkgd-color: #282828;
        --light-bkgd-color-1: #333333;
        --light-bkgd-color-2: #3f3f3f;
        --dark-bkgd-color: #222;
        --default-color: #aaa;
        --bright-color: #ccc;
        --blue-color: #129bfa;
        --border-color: #444;
        --border-color-2: #666;
    }

    html {
        background-color: var(--default-bkgd-color);
    }

    body {
        background-color: var(--default-bkgd-color);
        color: var(--default-color);
    }

    input {
        background-color: var(--default-bkgd-color);
        color: var(--default-color);
    }

    #labstabs {
        background-color: var(--dark-bkgd-color);
    }

    #labstabs .labstabs input[type="radio"]:checked + label {
        background-color: var(--light-bkgd-color-2);
        border: 1px solid #828282;
        border-bottom: 0;
        z-index: 2;
        color: var(--default-color);
    }

    #labstabs .labstabs > label {
        order: 1;
        display: block;
        padding: .75em 1.5em;
        font-size: .85em;
        color: var(--default-color);
        margin-right: 0.2rem;
        cursor: pointer;
        font-weight: bold;
        transition: background ease 0.2s;
        border-radius: 6px 6px 0 0;
        background-color: var(--dark-bkgd-color);
    }

    #labstabs .toggle {
        border: 1px dotted var(--border-color);
        padding: .5em;
        background-color: var(--dark-bkgd-color);
    }

    .labstabs {
        background-color: var(--dark-bkgd-color);
    }

    .input:hover,
    .input.is-hovered,
    .textarea:hover,
    .textarea.is-hovered {
        border-color: var(--border-color-2);
    }

    /* Top Header */
    #header {
        background-color: var(--light-bkgd-color-1);
        border-bottom-color: var(--border-color);
    }

    #cu-identity {
        background-color: var(--light-bkgd-color-2);
    }

    /* 'Cornell University Library' Title */
    #cu-logo {
        opacity: 0.6;
    }

    /* 'We gratefully acknowledge support from...' */
    #support-ack a {
        color: var(--default-color);
    }

    /* 'arXiv:xxx.yyy' */
    #header {
        color: var(--default-color);
    }

    /** Search **/
    #header #search-arxiv .wrapper-search-arxiv .keyword-field,
    #header.cs #search-arxiv .wrapper-search-arxiv .keyword-field {
        color: var(--default-color);
        font-weight: normal;
        background-color: var(--light-bkgd-color-1);
        border-color: var(--border-color);
    }

    .search-block .select.is-small select {
        background-color: var(--light-bkgd-color-1);
        border-color: var(--border-color);
    }

    .search-block .button {
        background-color: var(--light-bkgd-color-2);
        color: var(--default-color);
    }

    .search-block .button:hover,
    .search-block .button:focus {
        background-color: var(--light-bkgd-color-2);
        color: var(--default-color);
    }

    /* Placeholder text */
    #header #search-arxiv .wrapper-search-arxiv .keyword-field::-moz-placeholder,
    #header #search-arxiv .wrapper-search-arxiv .keyword-field:-moz-placeholder {
        color: var(--default-color);
    }

    #header #search-arxiv .wrapper-search-arxiv .keyword-field::-webkit-input-placeholder {
        color: var(--default-color);
    }

    #header #search-arxiv .wrapper-search-arxiv .keyword-field:-ms-input-placeholder {
        color: var(--default-color);
    }

    /** Semantic Scholar Search **/
    #header #search-arxiv .wrapper-search-arxiv .filter-field {
        filter: invert(80%);
        background-color: #fff;
        /* gets inverted */
    }

    /* Dropdown - 'All papers', 'Titles',... */
    #header #search-arxiv .wrapper-search-arxiv .filter-field select {
        color: var(--default-bkgd-color);
        /* gets inverted, due to filter above */
    }

    #header #search-arxiv .wrapper-search-arxiv .btn-search-arxiv {
        filter: invert(80%);
    }

    /* Semantic Scholar Search */
    #header.cs #search-semantic .wrapper-search-semantic .keyword-field {
        background-color: var(--default-bkgd-color);
        color: var(--default-color);
        font-weight: normal;
        border-color: var(--border-color);
    }

    #header #search-semantic .wrapper-search-semantic .keyword-field {
        font-weight: normal;
    }

    #header.cs #search-semantic .wrapper-search-semantic .btn-search-semantic {
        filter: invert(80%);
    }

    /* '(Help|Advanced Search)' */
    #header a,
    #header a:visited {
        color: var(--default-color);
    }

    /* Area > sub-area header */
    #abs-outer .subheader {
        background-color: var(--light-bkgd-color-1);
        color: var(--default-color);
        border-bottom-color: var(--border-color);
    }

    #abs .leftcolumn {
        margin-right: 16em;
        /* = .extra-services width */
    }

    /* Link */
    a,
    a:hover {
        color: var(--blue-color);
    }

    /* Abstract */
    #abs blockquote.abstract {
        background-color: var(--default-bkgd-color);
    }

    /* Abstract-Download separator */
    /*
.extra-services {
  border-left-width: 1px;
  border-bottom: none;
  border-left-color: var(--border-color);
}
*/
    .extra-services {
        border-bottom-color: var(--border-color);
        border-bottom-width: 1px;
    }

    .full-text {
        border-left-color: var(--border-color);
        border-left-width: 1px;
    }

    .browse {
        border-left-color: var(--border-color);
        border-left-width: 1px;
    }

    .extra-ref-cite {
        border-left-color: var(--border-color);
        border-left-width: 1px;
    }

    .dblp {
        border-left-color: var(--border-color);
        border-left-width: 1px;
    }

    #abs-outer .extra-services .bib-sidebar {
        border-left-color: var(--border-color) !important;
        border-left-width: 1px !important;
    }

    .bookmarks {
        border-left-color: var(--border-color);
        border-left-width: 1px;
    }

    /* Boxes for Download, References & Citations, etc. */
    .full-text,
    .browse,
    .extra-ref-cite,
    .dblp,
    .extra-general,
    .bookmarks,
    .bib-sidebar {
        border-bottom-width: 1px;
        border-bottom-color: var(--border-color);
    }

    /* Bookmark Buttons */
    img[alt="CiteULike logo"],
    img[alt="BibSonomy logo"],
    img[alt="Mendeley logo"],
    img[alt="del.icio.us logo"],
    img[alt="Digg logo"],
    img[alt="Reddit logo"],
    img[alt="ScienceWISE logo"] {
        opacity: 0.6;
    }

    /* Message/Error */
    .message,
    .error {
        background-color: var(--light-bkgd-color-1);
    }

    /* 'Bibex' Message Overlay */
    .tooltiptext {
        background-color: var(--dark-bkgd-color);
        color: var(--default-color);
    }

    .tooltiptext::after {
        border-top-color: var(--dark-bkgd-color);
    }

    /** Bibex - Bibliographic data **/
    /* 'Semantic Scholar' sub-header */
    .bib-selected {
        color: var(--default-color);
    }

    /* 'Query prevented by browser' Error */
    .bib-sidebar-msgs .msg {
        color: var(--default-color);
    }

    /* Circles when content loading */
    .bib-pulse > div {
        background-color: var(--border-color);
    }

    /* 'References (N)', 'Citations (N)' */
    .bib-col2 a {
        color: var(--default-color);
    }

    input#bib-filter-input--References {
        background-color: var(--light-bkgd-color-1);
        border-color: var(--border-color);
    }

    select#sort_field--References {
        background-color: var(--light-bkgd-color-1);
        border-color: var(--border-color);
        color: var(--default-color);
    }

    select#bib-jump-label--References {
        background-color: var(--light-bkgd-color-1);
        border-color: var(--border-color);
        color: var(--default-color);
    }

    input#bib-filter-input--Citations {
        background-color: var(--light-bkgd-color-1);
        border-color: var(--border-color);
    }

    select#sort_field--Citations {
        background-color: var(--light-bkgd-color-1);
        border-color: var(--border-color);
        color: var(--default-color);
    }

    select#bib-jump-label--Citations {
        background-color: var(--light-bkgd-color-1);
        border-color: var(--border-color);
        color: var(--default-color);
    }

    /* Paper row */
    img[alt="Citation entry"] {
        filter: invert(80%);
        opacity: 0.5;
    }

    .bib-paper a,
    .bib-paper span {
        color: var(--default-color);
    }

    img[alt="ArXiv article"] {
        filter: invert(84%);
    }

    img[alt="Journal article"] {
        filter: invert(84%);
    }

    img[alt="Google Scholar"] {
        opacity: 0.3;
    }

    /* 'Export formatted citation' Overlay */
    .modal-content {
        background-color: var(--light-bkgd-color-1);
    }

    .modal textarea {
        border-width: 1px;
        background-color: var(--default-bkgd-color);
    }

    /* Footer */
    #footer {
        background-color: var(--default-bkgd-color);
        color: var(--default-color);
        border-top-color: var(--border-color);
        border-bottom-color: var(--border-color);
    }

    .a11y-text {
        border-top-color: var(--border-color) !important;
    }

  ...