Formula1.com Dark Mode by jgoyvaerts

/* ==UserStyle==
@name         Formula1.com Dark Mode
@version      20220822.22.57
@namespace    userstyles.world/user/jgoyvaerts
@description  Formula1.com Dark Mode
@author       jgoyvaerts
@license      No License
==/UserStyle== */

@-moz-document domain("www.formula1.com") {
body, .f1-bg--theme, .nav-global, .f1-bg--offWhite{
    background-color: #222222;
    color: #EEEEEE !important;
}

* {
    color: #EEEEEE !important;
}

.f1-live-landing .f1-live-landing-blocks .logged-out .f1-live--signin *, .f1-live-landing .f1-live-landing-blocks .logged-out .f1-live--signin, .f1-tv-subscribe .f1-live--features, .f1-tv-subscribe .f1-live--features * {
    color: #15151e !important;
}

.f1-cc.f1-cc--curated-hero-white, .f1-cc.f1-cc--curated-hero-white .icon, .f1-cc.f1-cc--curated-hero-white .link-list--items.keyfacts-list li a::after, .f1-cc.f1-cc--curated-hero-white .nav-mobile-header .nav-burger button.close, .f1-cc.f1-cc--curated-hero-white .nav-mobile-header .nav-burger button.open, .f1-cc.f1-cc--curated-hero-white .page-assembly-banner-video .close-btn, .link-list--items.keyfacts-list li .f1-cc.f1-cc--curated-hero-white a::after, .nav-mobile-header .nav-burger .f1-cc.f1-cc--curated-hero-white button.close, .nav-mobile-header .nav-burger .f1-cc.f1-cc--curated-hero-white button.open, .page-assembly-banner-video .f1-cc.f1-cc--curated-hero-white .close-btn {
    background-color: #222222;
}

.f1-cc.f1-cc--curated-white, .f1-cc.f1-cc--curated-white .f1-cc--caption, .f1-cc.f1-cc--curated-white .f1-cc--caption:before, .f1-cc.f1-cc--curated-white .icon, .f1-cc.f1-cc--curated-white .link-list--items.keyfacts-list li a::after, .f1-cc.f1-cc--curated-white .nav-mobile-header .nav-burger button.close, .f1-cc.f1-cc--curated-white .nav-mobile-header .nav-burger button.open, .f1-cc.f1-cc--curated-white .page-assembly-banner-video .close-btn, .link-list--items.keyfacts-list li .f1-cc.f1-cc--curated-white a::after, .nav-mobile-header .nav-burger .f1-cc.f1-cc--curated-white button.close, .nav-mobile-header .nav-burger .f1-cc.f1-cc--curated-white button.open, .page-assembly-banner-video .f1-cc.f1-cc--curated-white .close-btn {
    background-color: #222222;
}

.seo-wrapper .seo-content, .race-card .result-card .driver-info-wrapper {
    background-color: #222222;
}

.f1-cc--reg-primary.f1-cc--white-solid, .f1-cc--reg-primary.f1-cc--white-solid .f1-cc--caption, .f1-cc--reg-primary.f1-cc--white-solid .icon, .f1-cc--reg-primary.f1-cc--white-solid .link-list--items.keyfacts-list li a::after, .f1-cc--reg-primary.f1-cc--white-solid .nav-mobile-header .nav-burger button.close, .f1-cc--reg-primary.f1-cc--white-solid .nav-mobile-header .nav-burger button.open, .f1-cc--reg-primary.f1-cc--white-solid .page-assembly-banner-video .close-btn, .f1-cc--reg-secondary.f1-cc--white-solid, .f1-cc--reg-secondary.f1-cc--white-solid .f1-cc--caption, .f1-cc--reg-secondary.f1-cc--white-solid .icon, .f1-cc--reg-secondary.f1-cc--white-solid .link-list--items.keyfacts-list li a::after, .f1-cc--reg-secondary.f1-cc--white-solid .nav-mobile-header .nav-burger button.close, .f1-cc--reg-secondary.f1-cc--white-solid .nav-mobile-header .nav-burger button.open, .f1-cc--reg-secondary.f1-cc--white-solid .page-assembly-banner-video .close-btn, .link-list--items.keyfacts-list li .f1-cc--reg-primary.f1-cc--white-solid a::after, .link-list--items.keyfacts-list li .f1-cc--reg-secondary.f1-cc--white-solid a::after, .nav-mobile-header .nav-burger .f1-cc--reg-primary.f1-cc--white-solid button.close, .nav-mobile-header .nav-burger .f1-cc--reg-primary.f1-cc--white-solid button.open, .nav-mobile-header .nav-burger .f1-cc--reg-secondary.f1-cc--white-solid button.close, .nav-mobile-header .nav-burger .f1-cc--reg-secondary.f1-cc--white-solid button.open, .page-assembly-banner-video .f1-cc--reg-primary.f1-cc--white-solid .close-btn, .page-assembly-banner-video .f1-cc--reg-secondary.f1-cc--white-solid .close-btn, .f1-homepage--hero .f1-pattern-fill .f1-transparent-overlay, .collection-preview .tags-pattern:before, .f1-bg--white {
    background: transparent;
}

.f1-cc:not(.f1-stay-mobile).f1-cc--tracker-offWhite .f1-cc--caption, .f1-cc:not(.f1-stay-mobile).f1-cc--tracker-offWhite .f1-cc--caption:before, .f1-cc:not(.f1-stay-mobile).f1-cc--tracker-offWhite .icon, .f1-cc:not(.f1-stay-mobile).f1-cc--tracker-offWhite .link-list--items.keyfacts-list li a::after, .f1-cc:not(.f1-stay-mobile).f1-cc--tracker-offWhite .nav-mobile-header .nav-burger button.close, .f1-cc:not(.f1-stay-mobile).f1-cc--tracker-offWhite .nav-mobile-header .nav-burger button.open, .f1-cc:not(.f1-stay-mobile).f1-cc--tracker-offWhite .page-assembly-banner-video .close-btn, .link-list--items.keyfacts-list li .f1-cc:not(.f1-stay-mobile).f1-cc--tracker-offWhite a::after, .nav-mobile-header .nav-burger .f1-cc:not(.f1-stay-mobile).f1-cc--tracker-offWhite button.close, .nav-mobile-header .nav-burger .f1-cc:not(.f1-stay-mobile).f1-cc--tracker-offWhite button.open, .page-assembly-banner-video .f1-cc:not(.f1-stay-mobile).f1-cc--tracker-offWhite .close-btn {
    background: transparent;
}

.f1-race-hub--latest-videos-pattern {
    background: transparent;
}

.nav-global .logo img {
    filter: invert(100%);
    background: transparent;
}
.resultsarchive-side-nav .side-nav-item:first-child
{
    background: transparent;
}
.resultsarchive-side-nav .side-nav-item-link.selected {
    background: #242424;
}
.resultsarchive-side-nav .side-nav-item:hover .side-nav-item-link {
    background: #333333
}

.f1-cc.f1-cc--curated-white .f1-cc--caption {
    background-color: #222222;
    border-color: #EEEEEE;
}
.f1-standings .f1-podium, .f1-standings .f1-podium *, .f1-bg--gray1, .f1-race-hub--latest-videos-pattern:before {
    background-color: #222222;
}

.f1-bg--gray6, .f1-bg--gray6 * {
    background-color: #FEFEFE;
    color: #000000 !important;
}

div.f1-collection, .f1-bg--gray6, .f1-bg--gray6 * {
    background-color: #FAFAFA;
}

.f1-podium--time, .f1-external-link--no-image {
    background-color: #333333;
}

.template, .resultsarchive-filter-item-link {
    background: transparent;
}

.driver-title .driver-details, .team-details, .template-team-details .information, .manual-gallery .gallery-caption, .template-driverdetails .biography, .fom-teaser .teaser-info, .fom-teaser, .template-driverdetails .driver-details, .template-driverdetails .stats, .stats-list-component {
    background: #181818 !important;
}

.resultsarchive-filter-container, .resultsarchive-wrapper {
    background-color: #181818
}


.resultsarchive-table tbody tr:nth-child(odd), .listing-seo-wrapper .seo-content {
    background: #333333
}

.listing-items--wrapper .listing-item--image-wrapper .listing-item--number {
    background-color: #222222
}

.template-genericindex.page-title {
    background: transparent;
}

.template-resultsarchive .loading:before {
    background: #222222;
}
}