ArticleTemplates/assets/scss/themes/darkMode/_darkModeFootball.scss

@import "colours";

@mixin darkModeFootball($p-kicker, $p-inverted, $dark-1, $dark-2, $dark-3) {
    &.garnett--type-article.tone--football .football,
    &.garnett--type-matchreport.tone--football .football,
    &.garnett--type-.tone-- .football {
        background-color: $backgroundBlack;

        .standfirst:not([data-summary='']) p {
            color: $warmGreyFour;
        }

        .tabs {
            background-color: $backgroundBlack;
            [href='#football__tabpanel--article'][aria-selected=true],
            [href='#football__tabpanel--liveblog'][aria-selected=true],
            [href='#football__tabpanel--stats'][aria-selected=true] {
                color: $whiteTwo !important;
                border-top-color: $whiteTwo !important;
            }

            .tab {
                border-top: 4px solid $warmGreyFour;
                color: $warmGreyFour;
            }
        }

        .key-events {
            border: none;
            border-top: 1px solid $blackTwo;
            border-bottom: 2px solid $blackTwo;

            .key-events__title {
                color: $p-inverted;
            }
        }

        .football__tabpanel .article {
            background-color: $backgroundBlack;

            &.article--liveblog {
                background-color: black;
            }
        }

        .football__lineups,
        .football__today,
        .football__stats,
        .match-stats__caption {
            color: $whiteTwo;
        }

        .team-lineup__player__number {
            color: $warmGreyFour;
        }
    }

    .table--football {
        color: color(brightness-86);
        
        td.football-stat--postition {
            color: color(brightness-60);
        }

        td, tr {
            border-bottom: 1px solid color(brightness-46);
        }
    }
}