parkrun-dark-theme.user.css

/* ==UserStyle==
@name        Parkrun dark theme
@namespace   mikemanger
@version     1.1.1
@homepageURL https://github.com/mikemanger/userscripts/
@updateURL   https://raw.githubusercontent.com/mikemanger/userscripts/master/parkrun-dark-theme.user.css
@license     CC-BY-4.0
@preprocessor     uso
@advanced         text user-one "Highlight user one" Firstname SURNAME
@advanced         text user-two "Highlight user two" Firstname SURNAME
@advanced         text user-three "Highlight user three" Firstname SURNAME
==/UserStyle== */

@-moz-document domain("parkrun.org.uk"), domain("admin.parkrun.com") {
[data-name="/*[[user-one]]*/"].Results-table-row td,
[data-name="/*[[user-two]]*/"].Results-table-row td,
[data-name="/*[[user-three]]*/"].Results-table-row td {
    background: green;
}
    
[data-name="/*[[user-one]]*/"].Results-table-row .detailed,
[data-name="/*[[user-two]]*/"].Results-table-row .detailed,
[data-name="/*[[user-three]]*/"].Results-table-row .detailed,
[data-name="/*[[user-one]]*/"].Results-table-row .Results-table--red {
    color: #fff;
}
    
[data-name="/*[[user-one]]*/"].Results-table-row .Results-table--red {
    display: block;
}

[data-name="/*[[user-one]]*/"].Results-table-row:hover .Results-table--red {
    animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    perspective: 1000px;
}

body {
    background: #333;
    color: #f2f2f2;
}

h1,
h2,
h3,
h4,
#access a,
#results td,
#results a:link,
#results a:visited,
#results th,
#results th a:link,
#results th a:visited,
.entry-title a,
.Results-modal,
.Results-table-td {
    color: #f3f3f3;
}
    
#results a:hover,
#results a:active {
    color: #ffa300;
    text-decoration: underline;
}
    
#results .sortarrow {
    filter: none;
}

article,
div[class*="-sidebar-width"],
div[class*="-and-pr"],
footer,
table#results,
#mainleft,
#page:before,
#secondary,
.courseleft,
.courseright,
.homeleft,
.homeright,
.mapboxgl-ctrl-group,
.reg-flag-link-div,
.Results-modal-inner,
.Results-table,
.statscontainer,
.threecoldiv,
.ui-autocomplete {
    background: #222;
}

table#results,
#results td,
.Results-table-td {
    border-color: #444;
}
    
#results .odd td:not(.bspacer) {
    background: #333;
}

table#rosterTable,
table#rosterTable th,
table#rosterTable td {
    border-color: #444;
    background: transparent;
}

.headerbarjuniorprlogo,
.headerbarprlogo,
.menuButton .line {
    filter: invert(1) hue-rotate(180deg);
}
    
.entry-content p[style],
.entry-content span[style] {
    color: #fff !important;
}
@keyframes shake {
    10%, 90% {
        transform: translate3d(-1px, 0, 0);
    }

    20%, 80% {
        transform: translate3d(2px, 0, 0);
    }

    30%, 50%, 70% {
        transform: translate3d(-4px, 0, 0);
    }

    40%, 60% {
        transform: translate3d(4px, 0, 0);
    }
}
}