Dark Blue Archive.org by MavisCelus19201

/* ==UserStyle==
@name           Internet Archive dark theme
@namespace      USO Archive
@author         cirrow
@description    `Dark theme for the digital library of the Internet Archive.`
@version        20220318.23.50
@license        CC0-1.0
@preprocessor   uso
==/UserStyle== */
@-moz-document domain('archive.org') {

    body,
    main {
        background-color: #03192b;
    }
    html,
    body {
        color: white;
    }
    input,
    textarea,
    .form-control {
        background-color: black;
        color: #09efff;
    }
    code {
        background-color: #200;
    }

    /* item details page */
    body.ia-module.tiles .item-ia .item-ttl .ttl,
    body.ia-module .ikind.stealth.in,
    body.ia-module .ikind.stealth,
    body.ia-module.tiles .item-ia,
    .item-download-options .hover-badge-stealth,
    .icon-label,
    [class*="iconochive"],
    th,
    td {
        color: #00c8ff;
    }
    body.ia-module.tiles .item-ia,
    body.ia-module .columns-items .sortbar,
    .action-buttons-section .button,
    body.ia-module .boxy,
    body.ia-module .boxy.white-bg,
    .pickr {
        background-color: #07385e;
        border: unset;
    }

    .item-download-options .format-group,
    body.ia-module .collection-list .collection-item {
        border-bottom: 1px dashed #0a3143;
    }

    a,
    a:link,
    body.ia-module .boxy a,
    body.ia-module .boxy.white-bg a,
    body.ia-module .boxy .boxy-ttl,
    .item-download-options .format-group a.stealth,
    .download-directory-listing .directory-listing-table a {
        color: #0b83fb;
    }
    .btn:link {
        color: #fff;
    }
    body.ia-module #also-found {
        background-color: #08273a;
    }
    body.ia-module .search-bar-section {
        background-color: #490505;
        border: unset;
    }
    body.ia-module.lists div.ikind .results {
        border: unset;
    }
    body.ia-module.lists .item-ia,
    body.ia-module.lists.showdetails .details-ia {
        background-color: #072931;
    }
    body.ia-module.lists.showdetails .details-ia {
        color: #0a3143;
    }

    /* "Download options" section and "Add Review" link */
    .metadata-list,
    .metadata-expandable-list,
    body.ia-module .stealth,
    body.ia-module .welcome .tabby.in a.stealth {
        color: #bbb;
    }

    /* Converting borders to box shadows to prevent protrusion */
    .action-buttons-section .favorite-btn .button:hover {
        background-color: #220;
        border: unset;
        box-shadow: 0 0 0 2px #13b6db;
    }
    .action-buttons-section .share-button .button:hover {
        background-color: #002;
        border: unset;
        box-shadow: 0 0 0 2px #428bca;
    }
    .action-buttons-section .flag-button .button:hover {
        border: unset;
        box-shadow: 0 0 0 2px red;
    }

    /* Adapting some borders on collection pages */
    .well {
        border: unset;
    }
    body.ia-module.tiles .item-ia {
        border: unset;
        box-shadow: unset;
        border-radius: 0.5em;
    }

    body.ia-module.tiles .columns-items {
        border-left: 1px solid #099ab1;
    }

    body.navia .container-ia.nopad {
        border-top: unset;
    }

    body.ia-module .columns-items .sortbar {
        border: unset;
    }

    body.ia-module .columns-facets h1 {
        border-bottom: 1px dashed #555;
    }

    /* "show all" file index page, also known as "/download/" */
    pre {
        background-color: #05222d;
        color: #bbb;
        border: unset;
    }
    hr {
        border-top: 1px dashed white;
    }

    /* Uploader UI */
    #file_info,
    #file_info tr,
    #file_info td {
        color: white;
    }

    #file_info,
    #file_drop,
    #add_files,
    .metadata_row {
        background-color: #444;
    }
    .metadata_row:hover {
        background-color: #555;
    }
    #files th {
        background-color: #555;
    }

    /* File editor */
    .x-tree .x-panel-body {
        background-color: black;
    }
    .x-tree-node a span,
    .x-dd-drag-ghost a span {
        color: white;
    }
    .x-panel-tbar-noheader .x-toolbar,
    .x-panel-mc .x-panel-tbar .x-toolbar {
        background: unset;
        background-color: #333;
    }

    /* Login and signup */
    .signup-form-section .login-header h1,
    .login-form-section .login-header h1,
    .signup-form-section .signup-header h1,
    .login-form-section .signup-header h1,
    .signup-form-section .signup-form-element label,
    .login-form-section .signup-form-element label,
    .signup-form-section .login-form-element label,
    .login-form-section .login-form-element label {
        color: white;
    }

    /* Home page */
    .home-page-hero-block-1 #outer-container.home-page-hero-block {
        background-color: #444;
    }
    .home-page-hero-block-1 #whoweare.home-page-hero-block {
        color: white;
    }
    .hero-block-announcements-1 #announcements-container.hero-block-announcements ul.hero-block-announcements a.hero-block-announcements {
        color: #bbb
    }
    #main-image {
        filter: invert(1);
    }

    body.ia-module .columns-facets .fatable .farow a.facet-link,
    body.ia-module #morf-page .fatable .farow a.facet-link {
        color: rgb(17, 177, 239);
    }

    .modal-content {
        position: relative;
        background-color: rgb(2, 5, 22);
        border: 1px solid rgba(0, 0, 0, 0.2);
        border-radius: 6px;
        box-shadow: rgba(0, 0, 0, 0.5) 0px 3px 9px;
        background-clip: padding-box;
        outline: currentcolor none medium;
    }

    #morf-paging {
        margin-top: 15px;
        margin-bottom: 15px;
        background-color: rgb(3, 35, 58);
        text-align: right;
        font-size: 13px;
        padding-top: 7px;
        padding-bottom: 7px;
        padding-right: 15px;
        word-spacing: 5px;
    }

    #morf-paging .topinblock {
        background-color: rgb(31, 96, 128);
        padding: 7px 5px;
        margin-top: -7px;
        margin-bottom: -7px;
    }

    #outer-container {
        padding: 3rem 1rem;
        background-color: var(--heroBlockBackgroundColor, #13252e);
        box-shadow: rgb(20, 125, 188) 1px 1px 2px 0px;
    }

    #whoweare {
        font-size: 2.6rem;
        line-height: 1.1;
        font-weight: 300;
        color: var(--heroBlockFontColor, #33a8e2);
    }

    #announcements-container ul a {
        text-decoration: none;
        color: var(--heroBlockAnnouncementsFontColor, var(--heroBlockFontColor, #2eebff));
        font-size: 1.2rem;
    }

    #search-input {
        --input-background-color: #091a35;
        border-color: #18ddf1;
    }

    #text-input {
        width: 100%;
        height: 100%;
        padding: var(--input-padding, 0 1rem);
        padding-inline-end: var(--input-height);
        border: var(--input-border-width, 1px) var(--input-border-style, solid) var(--input-border-color, #1da5c5);
        border-radius: var(--input-border-radius, 2rem);
        background-image: var(--input-background-image, none);
        background-color: var(--input-background-color, transparent);
        color: var(--input-color, #1bc5ec);
        font-size: var(--input-font-size, 1.7rem);
        line-height: var(--input-line-height, 1.5);
        box-shadow: var( --input-box-shadow, inset 0 1px 1px rgba(0, 0, 0, 0.075));
    }
    * {
        box-sizing: border-box;
        color: #2fc3f9;
        background-color: #062334e6;
    }
    element {
        font-size: 14px;
        background-color: rgba(128, 21, 21, 0);
    }
    :root {
        --ia-theme-primary-background-color: #141486;
        --ia-theme-secondary-background-color: #0c293b;
        --ia-theme-primary-text-color: #0e82e9;
        --ia-theme-secondary-text-color: #15bbfb;
        --ia-theme-link-color: #30ffe2;
    }
    fieldset {
        padding: 0.7rem 2rem;
        margin: 1.5rem 0px;
        box-sizing: border-box;
        text-align: center;
        border: medium none;
        border-radius: 7px;
        background-color: rgb(8, 43, 48);
        box-shadow: rgb(29, 106, 124) 3px 3px 0px 0px;
    }
    input {
        display: block;
        width: 100%;
        height: 3rem;
        padding: 0.5rem 1rem 0.5rem 2.5rem;
        font: normal 1.2rem/1.5 var(--themeFontFamily);
        color: rgb(13, 221, 255);
        box-sizing: border-box;
        border: 1px solid var(--grey80);
        border-radius: 2rem;
        background: rgb(2, 6, 12);
    }
    #wayback-search-container {
        padding: 1.5rem 1.5rem 5rem;
        padding-bottom: 5rem;
        margin-bottom: 1rem;
        color: #4efff7;
        background: rgb(6, 64, 62);
    }
    #collection-image-title {
        background-color: rgb(49, 49, 49);
        padding: 1.5rem;
        border-top-left-radius: var(--collectionTileCornerRadius, 4px);
        border-top-right-radius: var(--collectionTileCornerRadius, 4px);
    }
    a:hover > #collection-image-title {
        background-color: rgb(0, 60, 112);
    }
    a:hover > #item-count-container {
        background-color: rgb(12, 82, 133);
    }
    @media (min-width: 890px) a {
        padding: 0.5rem 2rem;
        color: #00fff3;
        transition: background 0.1s ease-out 0s, color 0.1s ease-out 0s;
    }
    @media (min-width: 890px) ul {
        max-height: calc(1px - 8.5rem + 100vh);
        background-color: rgb(5, 38, 34);
    }
    body.ia-module .welcome.account-uniform {
        background-color: rgb(7, 41, 62);
        color: rgb(18, 151, 230);
    }
    body.ia-module.lists .C234 {
        width: 100%;
        background-color: #072931;
    }
    body.ia-module.lists .item-ia {
        display: table-row;
        border-top: 1px solid rgb(5, 175, 242) !important;
        background-color: #0a3143;
        text-align: left;
        overflow-x: hidden;
    }
    body.ia-module .welcome.account-uniform .tabby.in a.stealth {
        color: rgb(5, 185, 255);
        border-bottom-color: rgb(24, 199, 228);
    }
    @media (min-width: 568px) body.ia-module...