OPENLANE - Dark Mode by RaffertySoftwareLLC

/* ==UserStyle==
@name         OPENLANE - Dark Mode
@version      20240317.00.26
@namespace    opln
@description  Dark mode for OPENLANE auction website.
@author       BJ Rafferty
@license      All Rights Reserved
==/UserStyle== */

@-moz-document url-prefix("https://openlane.com/webapp/search"), url-prefix("https://openlane.com/vehicle_detail"), url-prefix("https://openlane.com/webapp/vehicle_detail") {
:root {
    --backgroundPrimary: black;
    --backgroundSecondary: black;
    --backgroundTertiary: black;
    --primary: #0061ff;
    --primaryText: #ffffff;
    --secondary: #0a1b5f;
    --secondaryText: #ffffff;
    --tertiary: #ffffff;
    --tertiaryText: #0a1b5f;
    --pressable: #f5f5f5;
    --pressableText: #313335;
    --hyperlink-link-default: #0061FF;
    --white: black;
    --transparent: transparent;
    --black: white;
    --grayDark: #4f4f4f;
    --grayLight: #444b53;
    --smokeLight: rgb(20, 20, 20);
    --neutral1: #f1fcff;
    --alert: #d21919;
    --alertLightest: #ffdfdf;
    --warningDark: #e6b10d;
    --warning: #f0be00;
    --warningLightest: #7e6d0b;
    --success: #31a457;
    --successLightest: #479c40;
    --info: #0061ff;
    --infoLightest: #151515;
    --navBarBackground: black;
    --navBarFont: white;
    --dropDownActive: #e5efff;
    --dropDownHover: #000000;
    --shadow: #1111131a;
    --shadowDark: #1111132b;
    --overlay: #11111388;
    --focus: #0061ff80;
    --fontColor: white;
    --borderRadius: 8px;
    --borderRadiusSmaller: 4px;
    --inputBorderRadius: 4px;
    --inputHeight: 48px;
    --backlot: #0061ff;
    /* Descriptor for vehicles (mileage, dealer) */
    --asphalt: rgb(200, 200, 200);
    --blueDark: #0a2e3c;
    --asphaltDark: #262729;
    --asphaltLight: #4b4f52;
    --blueDark: #0a2e3c;
    --grayDark: #757575;
    --gray: #a6aaad;
    --smokeDark: #ebebeb;
    --smoke: #f5f5f5;
    --floatDark: #db7d1f;
    --float: #f48b23;
    --floatLight: #f49d47;
    --transportDark: #138566;
    --transport: #16a17c;
    --transportLight: #1cc799;
    --alertDark: #c42626;
    --alertLight: #dd4b4b;
    --warningLight: #fece35;
    --successDark: #31a626;
    --successLight: #4ecc43;
    --progressGreen: #03ba87;
    --progressBlue: #48aad4;
    --shadow: #1111131a;
    --overlay: #11111388;
    --elite-progress-bar-goal-color: var(--grayDark);
    --elite-progress-bar-top-color: var(--primary);
    --elite-progress-bar-bottom-color: var(--secondary);
    --elite-seller-badge-color: var(--white);
    --off-lease-exclusive-badge-color: var(--primary);
    --base-button-disabled-opacity: 0.3;
    --base-button-overlay-active-opacity: 0.2;
    --primary-button-disabled-background: var(--primary);
    --primary-button-disabled-color: var(--primaryText);
    --secondary-button-disabled-background: var(--secondary);
    --secondary-button-disabled-color: var(--secondaryText);
    --tertiary-button-disabled-background: var(--tertiary);
    --tertiary-button-disabled-color: var(--tertiaryText);
    --pressable-button-disabled-background: var(--smokeLight);
    --pressable-button-disabled-color: var(--fontColor);
    --pressable-button-disabled-border-color: var(--grayLight);
    --alert-button-disabled-background: var(--alert);
    --alert-button-disabled-color: var(--white);
    --cancel-button-disabled-background: var(--white);
    --cancel-button-disabled-color: var(--alert);
}

html {
    background: black;
}


.style__DropdownButtonContent-sc-1tx2uwp-1 {
    background: rgba(0, 0, 0, 0.8);
    backdrop-filter: blur(16px);
}
.saved-search__item, .styles__DropdownItem-sc-c2tbq7-0 {
    color: white;
    transition-duration: 0.1s;
}
.saved-search__item:hover, .styles__DropdownItem-sc-c2tbq7-0:hover {
    background: rgba(0, 0, 0, 0.25);
    color: white;
}
.InputLabel-sc-hagyvk-0 {
    color: white;
}

.style__Container-sc-1wdcmo4-0 {
    color: rgb(180, 180, 180);    
}

.search-active-filters-container, .search-header-container {
    background: var(--smokeLight);
}

/* Search, Offers, Watchlist, Hidden */
.blc-tab-list {
    background: var(--smokeLight);
    color: white;
}

svg[aria-label="Blackbook Logo"] {
    filter: invert(1);
}

svg[aria-label="Autocheck Logo"] {
    filter: brightness(2);
}
.sc-satoz.ekKkFR {
    filter: brightness(5);
}



/* Vehicle Detail Page */
.styles__Aside-sc-1r1j6d0-3,
.image-gallery-thumbnails-wrapper {
    background: var(--smokeLight) !important;
}

.gRQAil {
    background: transparent;
}

.image-gallery-image {
    background: rgb(10, 10, 10) !important;
}

.flAbZ,
.styles__Container-sc-1r1j6d0-0 {
    background: black
}

/* Image Modal */
.iTBiMl {
    background: black;
    border-color: rgb(40, 40, 40);
}
svg[aria-labelledby="caret-right"],
svg[aria-labelledby="caret-left"]{
    filter: invert(1);
}

/* Offer bar */
.iuMJYx {
    background: rgb(20, 20, 20);
}
}