ArticleTemplates/assets/scss/themes/darkMode/_darkModeOpinion.scss

@import "colours";

@mixin darkModeOpinion($p-kicker, $p-inverted, $dark-1, $dark-2, $dark-3) {
    &.garnett--type-feature,
    &.garnett--type-comment,
    &.garnett--type-guardianview {
        .article__header {
            .headline.selectable {
                background-color: $backgroundBlack;
            }
        }

        .meta__published__comments {
            border-left: solid 1px $blackTwoOpinionKeyline;
        }

        &:not(.garnett--type-media) {
            .cutout__container#cutout-container,
            .article__body,
            .tags {
                background-color: $backgroundBlack;
            }

            .keyline:before {
                background-color: $blackTwo;
            }

            @include mq($from: col4) {
                .article__header {
                    .article-kicker,
                    .standfirst__inner,
                    .meta,
                    .main-media {
                        background-color: $backgroundBlack;
                    }
                }
            }
        }
    }
}