DLF Dark Deutschlandfunk DLF-Kultur DLF-Nova by solar-cow

/* ==UserStyle==
@name         DLF Dark Deutschlandfunk DLF-Kultur DLF-Nova
@version      20240425.12.49
@namespace    https://userstyles.world/user/solar-cow
@description  Styles Dark all DLF-Websites.
@author       solar-cow
@license      CC
==/UserStyle== */

@-moz-document domain("deutschlandfunk.de"), domain("deutschlandfunkkultur.de"), domain("hoerspielundfeature.de"), domain("deutschlandfunknova.de"), domain("kakadu.de") {
body,
.b-header,
.b-header::before,
.b-section-bottom-page-area {
    background-color: #222
}

/* light Boxes */
.b-article-extended-emphasis .article-extended-emphasis-default,
.b-navigation,
.b-teaser-xl,
.b-teaser-l,
.teaser-m-description,
.b-teaser-m .teaser-m-box-container,
.b-section-article-head-area .section-article-head-area-box,
.nlform,
.b-content-media-box.is-wrapper{
    background-color: #333;
    color: #ddd !important;
}

.b-audio-player,
.b-navigation .navigation-sub,
.audio-player-live-broadcast-start,
.current-broadcast-title,
.ticker-outer-container,
.b-article-extended-emphasis,
.desktop-web-player-broadcast-title,
.b-embed-switch,
.b-navigation .navigation-sub-menu,
.b-content-media-box:not(.is-wrapper){
    background-color: #404040;
    color: #eee;
}

.desktop-web-player-audio-backwards-btn, .desktop-web-player-audio-forward-btn, .desktop-web-player-options-section button{
    filter: invert();
}

hr {
    background-color: #ccc;
}

.b-thema-teaser .info-media-label .media-duration,
.b-headline.has-subline .headline-title,
.b-navigation .navigation-expand-button,
.b-thema-teaser .info-media-label .media-duration,
.b-content-loader .content-loader-btn-more .content-loader-btn-more-text,
.audio-player-btn-toggle-open,
.audio-player-btn-close,
.b-navigation .navigation-menu .navigation-menu-link,
.b-image-credits,
.b-footer-area-series .footer-area-series-content,
.b-pre-footer .pre-footer-link,
.b-label {
    color: #ccc;
}
body,
a,
.header-date,
.b-teaser-l .teaser-l-title,
.b-teaser-m .teaser-m-top-area .teaser-m-heading-wrapper .teaser-m-title,
.b-teaser-audiotech .teaser-audiotech-content-area .teaser-audiotech-title,
.b-section-top-page-area .section-top-page-area-title,
.b-schedule-item-heading,
.b-teaser-program .teaser-program-title,
.desktop-web-player-broadcast-title{
    color: #ddd !important;
}

.desktop-web-player-broadcast-time-display {
    color: #888 !important;
}

/* DLF Blau in Kultur */
.u-sub-line,
.b-headline.is-blue .headline-title,
.b-headline.is-blue-kicker .headline-kicker,
.b-thema-teaser .info-media-label .media-title,
.pre-footer-title,
.b-headline.is-black-kicker .headline-kicker,
.b-headline::before,
.b-teaser-m.is-teaser-content-from-df .teaser-m-heading-wrapper .teaser-headline-text,
.b-teaser-xl.is-teaser-content-from-df .teaser-xl-content-wrapper .teaser-headline-text,
.b-teaser-l.is-teaser-content-from-df .teaser-l-content-wrapper .teaser-headline-text,
.desktop-web-player-broadcast-name {
    color: #00b4fe !important;
}
.b-btn-player.is-theme-df {
    background-color: #00b4fe;
}
.desktop-web-player-progressbar {
    background-color: #00b4fe !important;
}
.desktop-web-player-progressbar-background {
    background-color: #333 !important;
}
/* DLF Nova grün */
.b-teaser-m.is-teaser-content-from-nv .teaser-m-heading-wrapper .teaser-headline-text {
    color: #4ac96f;
}
.b-btn-player.is-theme-nova {
    background-color: #4ac96f;
}

.b-content-loader .content-loader-btn-more .content-loader-btn-more-text {
    border-color: #00b4fe;
}
.b-button.is-deutschlandfunk,
.b-sharing-menu .menu-toggle-btn {
    background-color: #00b4fe;
}

/* DLF Kultur */
.b-btn-swiper.is-next.is-very-light-bg {
    background-image: linear-gradient(to left, rgb(130, 130, 130) 0%, rgba(130, 130, 130, 0) 100%)
}
.b-btn-swiper.is-prev.is-very-light-bg {
    background-image: linear-gradient(to right, rgb(130, 130, 130) 0%, rgba(130, 130, 130, 0) 100%)
}
.b-teaser-headline,
.b-section-article-head-area .section-article-head-area-subtitle {
    color: #ff6400;
}
.b-footer::before {
    background-color: #ff6400;
}
.b-embed-opt-in {
    border: solid #1d9bf0;
    padding: 5px;
    border-radius: 10px;
}
.js-embed-opt-in-toggle-button > .b-embed-switch{
    padding: 10px;
}
.is-embedded-content-twitter blockquote::before {
    content: "\"";
    color: #1d9bf0;
    font-size: 250%;
    left: 30px;
}
.image-wrapper img {
    filter: grayscale(30%) brightness(80%);
}
.forward-button > g > text, .back-button > g > text {
    fill: #fff;
}
.desktop-web-player-broadcast-text-end {
    opacity: 0.2;
}

}