RDO Lightning dark theme by lynxvagabond

/* ==UserStyle==
@name         RDO Lightning dark theme
@version      20220919.18.32
@namespace    userstyles.world/user/lynxvagabond
@description  Replaces the background and top bar with screenshots from Red Dead Online by Rockstar. And makes text glowy.
@author       lynxvagabond
@license      No License
==/UserStyle== */
@-moz-document url-prefix("https://v2.horsereality.com") {
    /* ==UserStyle==
@name         Dark skies and Lightning
@version      20220413.20.00
@namespace    userstyles.world/user/lynxvagabond
@description  Fancifies the fonts and adjusts the colors/background of HorseReality.
@author       lynxvagabond
@license      No License
==/UserStyle== */
}

@-moz-document url-prefix("https://v2.horsereality.com/") {
    /*V2*/
    /*Profiles*/
    .main-content,
    .advertising,
    .component.table .table tbody,
    .header-menu nav .main-menu .user-nav .dropdown-menu,
    .component.frame .wrapper .content,
    .tox .tox-edit-area__iframe,
    .header-cta,
    div.center-area,
    .modal-content,
    .component.table .table,
    .info,
    .info .info-icon,
    .modal-wrapper,
    .delta-store-thanks-for-supporting,
    .component.frame .wrapper .content .inner.active *,
    .tag,
    .delta-store-best-deal,
    .delta-store-best-deal-yellow,
    .delta-store-bonus,
    .delta-store-support,
    .delta-store-service-wrapper,
    .delta-store-service,
    .delta-store-service header,
    .info.color-green .info-icon,
    .delta-store-item-content,
    .delta-store-item-icon:before {
        background: #fff0;
    }

    .delta-store-best-deal-coins {
        top: 95%;
        filter: opacity(0.5)
    }
    div.container-fluid.header-menu {
        background-image: url(https://cdn.discordapp.com/attachments/768006520121458730/965771145955663922/stylusthing-helheader.png);
        background-repeat-x: no-repeat;
        background-repeat-y: no-repeat;
        background-attachment: scroll;
        background-size: cover;
    }
    .daily-rollover-content {
        background-color: #fff0
    }
    .market-item-price .item-price .content-background {
        display: -webkit-box;
        padding: 0px 10px;
        background: #ffffff17;
    }
    .market-item-price .market-item-price-icon {
        background: #ffffff17
    }
    .info {
        box-shadow: inset 0 0 0 1px #ddd0
    }
    .dual-range input[type=range]:focus {
        outline: none
    }
    .dual-range input[type=range] {
        width: 100%;
        -webkit-appearance: none
    }
    .dual-range input[type=range]:focus {
        outline: none
    }
    .dual-range input[type=range]::-webkit-slider-thumb {
        position: relative;
        z-index: 50;
        width: 18px;
        height: 18px;
        cursor: pointer;
        pointer-events: all;
        border: 1px solid #fff;
        border-radius: 18px;
        background-color: #a4a4a4;
        box-shadow: 0 1px 4px .1px rgba(0, 0, 0, .15);
        -webkit-appearance: none;
        appearance: none
    }
    .dual-range input[type=range]::-moz-range-thumb {
        position: relative;
        z-index: 50;
        width: 18px;
        height: 18px;
        cursor: pointer;
        pointer-events: all;
        border: 1px solid #1e1e21cf;
        border-radius: 18px;
        background-color: #385c9c;
        box-shadow: 0 1px 4px .5px rgba(0, 0, 0, .15);
        -moz-appearance: none;
        appearance: none
    }
    .dual-range input[type=range]::-ms-thumb {
        position: relative;
        z-index: 10000;
        width: 18px;
        height: 18px;
        cursor: pointer;
        pointer-events: all;
        border: 1px solid #1e1e21cf;
        border-radius: 18px;
        background-color: #1e1e21cf;
        box-shadow: 0 1px 4px .5px rgba(0, 0, 0, .15);
        appearance: none
    }
    body.background.north-america,
    body.background.south-america,
    body.background.europe,
    body.background.australia,
    body.background.asia,
    body.background.africa {
        background-image: url("https://cdn.discordapp.com/attachments/746134895880830976/964709382594101288/RDOlightningstrike.png");
        background-size: cover;
        background-position: 0%;
    }
    .show-profile .profile-account,
    .side-nav,
    .component.table .table thead th,
    .component.npc,
    .job-item,
    .responsive-table .responsive-table-header-row,
    .breadcrumb,
    nav .pagination .page-item .page-link,
    .market .breadcrumbs,
    .component.frame .wrapper .subheader,
    .component.comments .comment .header,
    .component.comments .comment .profile-wrapper,
    .notification-settings .settings-section,
    .estate-item,
    .fitting-room .horse-select-row,
    .card-item,
    .freezer .freezer-table td,
    .show-profile .navbar .nav-link:hover,
    .cta,
    .market-office-table .colored-on-big-screen .row,
    .link-table .link-table-even-row .row,
    .link-table-row-outer:nth-child(2n),
    .market-office-table-row-outer:nth-child(2n),
    .market-filters .currency-filters div,
    .market-filters .predicate-filters div,
    .market-filters .section-filters div,
    .market-filters .type-filters div {
        background-color: #ff6a8c00;
        border-radius: 20px
    }
    .clubs nav.navbar.navbar,
    .edit-profile .content,
    .freezer .selected-vial .content,
    .market-horse-preview-col {
        background-color: #00b0ff00 !important;
    }
    .show-profile .profile-name-and-estate,
    .show-profile .profile-ranking-container {
        text-shadow: 0 0 3px #fff9
    }


    /*General*/
    body.background,
    .horse-banner {
        background-color: #ffb6634f !important;
        background-blend-mode: multiply !important;
    }
    .component.table .table tbody tr:nth-of-type(2n + 1),
    .component .odd-row {
        background-color: #ff88c700;
    }
    .progress-bar {
        background-color: #00b0ff00;
    }
    .alert,
    .notice.warning {
        color: #fff;
        background-color: #ff88c700;
        border-color: #ffffff42;
        font-family: "Garamond";
        text-shadow: 0 0 3px #fff9
    }
    .tox .tox-toolbar,
    .tox .tox-toolbar__overflow,
    .tox .tox-toolbar__primary,
    .tox .tox-statusbar {
        background-color: #fff0;
    }
    .show-profile .navbar {
        background-color: #ff88c700 !important;
        border-bottom-left-radius: 15px;
        border-bottom-right-radius: 15px
    }
    .fitting-room .fitting-room-bg-row:hover,
    .fitting-room .selectedRow,
    .freezer .freezer-table:hover td {
        background-color: #ffffff45 !important;
    }
    .shows.show .mine td {
        background-color: #ffffff3b;
    }
    nav .pagination .page-item.active .page-link {
        background-color: #ffffff3b
    }

    /*Market*/
    .market-filters .type-filters div,
    .market-filters .filters-and-sort-by .filters,
    .market-filters .filters-and-sort-by .sort-by,
    .header-section-icon {
        background-color: #ff6a8c00;
    }
    .dual-range input[type="range"]::-moz-range-thumb {
        border: 1px solid #ffffff3b;
        background-color: #ff88c700;
    }
    .dual-range .range-color {
        background-color: #ffffff24;
    }
    .dual-range input[type="range"] {
        background-color: #fff0;
    }
    .market-preview-tack .market-preview-tack-item,
    .horse-item .content,
    .daily-rollover-content-wrapper {
        background-color: #fff0;
    }


    /*Borders*/
    .table td,
    .table th,
    .dropdown-divider,
    .form-control,
    .tox-tinymce,
    .tox .tox-edit-area,
    .tox .tox-statusbar,
    .shows .table .progress,
    .shows.show .mine td {
        border-color: #ff6a8c00;
    }
    .btn-warning,
    .btn-warning:hover,
    .btn.btn-cta,
    .btn.btn-primary,
    .btn.btn-cta:hover,
    .btn.btn-primary:hover,
    .market .premium-search-options {
        border-color: #ffffff3b;
    }
    .component.frame .wrapper,
    .tabs .tab.active,
    .input-radio-group label .content {
        background: #fff0 !important;
    }

    /*Buttons + bars*/
    .header-menu nav .main-menu ul li a.btn,
    .btn.btn-cta,
    .btn.btn-primary,
    .estate-item .estate-item-buy button,
    .card-item-action button,
    .header-cta button,
    .header-section-icon.type-action,
    .header-cta .cta-button button,
    .button.primary,
    .horse-filters-search input,
    .button.secondary,
    .button.black,
    .button.secondary.active,
    .btn-danger {
        background: #ff88c700;
        border-radius: 60px
    }

    .header-menu nav .main-menu ul li a.btn:hover,
    .btn.btn-cta:hover,
    .btn.btn-primary:hover,
    .estate-item .estate-item-buy button:hover,
    .card-item-action button:hover,
    .header-cta button:hover,
    .header-section-icon.active,
    .header-cta .cta-button button:hover,
    .button.primary:hover,
    .horse-filters-search input:hover,
    .current-capacity:hover,
    .input-radio-group input[type=radio]:checked + .content,
    .button.black:hover,
    .button.secondary:hover,
    .btn-danger:hover,
    .btn-danger.focus,
    .btn-danger:focus {
        background: #ffffff3b;
    }
    .modal-wrapper.active .modal-inner {
        background: #ffffff17 !important
    }
    .fa-solid .fa-magnifying-glass i .progress,
    .form-control:disabled,
    .form-control[readonly],
    .form-control,
    .market .premium-search-options,
    .notification-settings .checkbox:not(:checked) ~ .switch,
    .shows .table .progress,
    .competitions .table .progress,
    .link-table .link-table-row .link-table-icon-container .link-table-icon,
    .market-filters .currency-filters div.active,
    .market-filters .predicate-filters div.active,
    .market-filters .section-filters div.active,
    .market-filters .type-filters div.active {
        background-color: #00b0ff00;
        border-radius: 60px
    }
    .shows .table .progress .progress-bar,
    .competitions .table .progress .progress-bar,
    .progress-bar {
        background: -webkit-gradient(linear, 0 0, 0 100%, fro...