www.dr.dk/lyd/ by awesomeas

/* ==UserStyle==
@name         www.dr.dk/lyd/
@version      20220928.21.19
@namespace    userstyles.world/user/awesomeas
@description  Dark theme for DR LYD.
@author       awesomeas
@license      No License
==/UserStyle== */

@-moz-document url-prefix("https://www.dr.dk/lyd/") {
.lyd-web-app-container {
    --drdklyd-bg-main: #0C0C0D;
    --drdklyd-bg-sec: #121213;
    --drdklyd-text-main: #F1F1F1;
    --drdklyd-btn-main: #1A1A1B;
    --drdklyd-bg-card: #202022;
    --drdklyd-bg-card-hover: #232326;
    
    --drdklyd-bg-list-default: #1C1C1E;
    --drdklyd-bg-list-current: #1E1E21;
    
    --drdklyd-programs-selected: #db001a;
    --drdklyd-programs-hover: #444444;
}

.lyd-web-app-container, .lyd-web-live-bar:after {
    background-color: var(--drdklyd-bg-main);
}

.lyd-web-app-container, .lyd-web-external-icon-link, .dre-footer__link:link, .dre-footer__link:active, .dre-footer__link:visited, .dre-footer__link:hover, .dre-footer__link:focus,
.lyd-web-channel-schedule__list, .lyd-web-spot__description, .dre-teaser-title, .lyd-web-live-bar__title, .dre-navigation-menu-bar__item-link, .dre-navigation-topbar__item,
.dre-navigation-search, .lyd-web-live-bar__channel__program-title, .lyd-web-select, .css-s374y7-control .css-186gp0y-singleValue {
    color: var(--drdklyd-text-main);
}

.dre-icon-wrapper {
    color: var(--drdklyd-text-main) !important;
}

.lyd-web-channel-schedule-picker-band__nav-button {
    background-color: var(--drdklyd-btn-main);
}

.dre-footer, .lyd-web-live-bar {
    background-color: var(--drdklyd-bg-sec);
}

.lyd-web-channel-schedule__list__item--single {
    background-color: var(--drdklyd-bg-list-default);
}

.lyd-web-channel-schedule__list__item--current {
    background-color: var(--drdklyd-bg-list-current);
}

.lyd-web-channel-schedule__list__section-head {
    background-color: var(--drdklyd-bg-sec);
}

.lyd-web-channel-schedule__list__item__main, .lyd-web-channel-schedule__list__section-head__main {
    border-bottom: none;
}

.lyd-web-channel-schedule-picker-band__item--current {
    border-bottom-color: var(--drdklyd-text-main);
}

.lyd-web-channel-schedule-picker-band {
    border-bottom: 1px solid var(--drdklyd-btn-main);
}

.lyd-web-channel-schedule__expand-button, .css-s374y7-control {
    background-color: var(--drdklyd-btn-main);
    color: var(--drdklyd-text-main);
}
.lyd-web-channel-schedule__expand-button:hover, .css-s374y7-control:hover {
    background-color: var(--drdklyd-bg-list-current);
}

.lyd-web-channel-schedule__expand-button + .lyd-web-channel-schedule__list {
    border-top: 2px solid var(--drdklyd-bg-main);
}

.lyd-web-navigation-main, .dre-navigation-topbar {
    background-color: var(--drdklyd-bg-main);
}

.lyd-web-navigation-main__group-right {
    border-top-color: var(--drdklyd-bg-list-current);
}

.dre-navigation-menu-bar__item-link--highlighted::after {
    background-color: var(--drdklyd-text-main);
}

label.lyd-web-search-category-buttons__button__label {
    color: var(--drdklyd-text-main);
    border-color: var(--drdklyd-text-main);
}

label.lyd-web-search-category-buttons__button__label--selected {
    border-color: var(--drdklyd-programs-selected);
}

.lyd-web-search-category-buttons__button__label:hover {
    background-color: var(--drdklyd-programs-hover);
}

.lyd-web-live-bar__channel {
    background-color: var(--drdklyd-bg-card);
}
.lyd-web-live-bar__channel:hover {
    background-color: var(--drdklyd-bg-card-hover);
}

.lyd-web-select__face, .lyd-web-select__option {
    background-color: var(--drdklyd-bg-card);
    border-color: var(--drdklyd-bg-card) !important;
}

.lyd-web-select__face:hover, .lyd-web-select__option:hover {
    background-color: var(--drdklyd-bg-card-hover);
    border-color: var(--drdklyd-bg-card-hover) !important;
}

.lyd-web-select__options {
    border-color: var(--drdklyd-bg-sec);
}

.dre-footer__pressenaevn-logo {
    filter: invert(1);
}
}