Mørkt utseende til www.nrk.no (Dark mode)

dark-mode-nrk-no.css

body, .kur-house {
    background-color: rgb(16, 16, 16);
    color: rgb(242, 242, 242) !important;
}

.kur-room--light, .kur-floor--apartment {
    background-color: rgb(20, 20, 20);
    color: rgb(232, 232, 232);
}

.kur-floor--apartment {
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.6);
}

.kur-floor--apartment .kur-room {
    border-color: rgb(42, 42, 42);
}

.group.floor {
    background-color: rgb(24, 24, 24);
}

/*
 .kur-house {
 background-color: rgb(28, 28, 28);
 }*/

.nrk-bottommenu {
    background-color: rgb(28, 28, 28) !important;
    border-top-color: rgb(64, 64, 64) !important;
}

.nrk-bottommenu, .grid.cf {
    color: rgb(212, 212, 212) !important;
}

.nrk-bottommenu .grid .nrk-bottommenu-info .nrk-bottommenu-info-tips {
    background-color: rgb(12, 12, 12) !important;
}

.nrk-bottommenu .grid .nrk-bottommenu-colophons .colophon .colophon-list .colophon-list-item a:hover {
    color: rgb(40, 120, 194) !important;
}

.nrk-bottommenu .grid .nrk-bottommenu-info .nrk-bottommenu-info-tips {
    background-color: rgb(8, 8, 8) !important;
    border-color: rgb(8, 8, 8) !important;
}

.nrk-masthead, .lp_masthead, nrk-masthead.lp_masthead {
    /* !important specifiers due to: */
    /* nrkno-masthead.min.css inserted in the body (articles) */
    background: rgb(20, 20, 20) !important;
    color: rgb(242, 242, 242) !important;
}

.nrk-masthead__apps {
    background-color: rgb(32, 32, 32) !important;
}

.nrk-masthead__search input {
    background-color: rgba(48, 48, 48, 0.6) !important;
}

.nrk-masthead__search button {
    transform: translateY(-54%); /* Moves it back into its position */
}

#container .nrk-masthead__search button {
    transform: translateY(-50%); /* Moves it back into its position */
}

.kur-newsfeed, .menu-bar {
    background-color: rgb(12, 12, 12) !important;
    border-color: rgb(12, 12, 12) !important;
    color: rgb(212, 212, 212) !important;
    
    box-shadow: 0 1px 8px rgba(160, 160, 160, 0.2);
}

.kur-newsfeed__messages {
    background-color: rgb(12, 12, 12);
}

.kur-newsfeed__message {
    border-left: 1px solid rgb(88, 88, 88);
}

.kur-newsfeed__message--first {
    border-left: none;
}

.kur-newsfeed__attachment-article {
    background-color: rgb(24, 28, 32);
    border: none;
}

.kur-newsfeed__message-lead a {
    color: rgb(40, 120, 194);
    border: none;
}

kur-newsfeed__message-lead a:hoved {
    color: rgb(40, 120, 194);
    border-color: rgb(40, 120, 194);
}

.kur-newsfeed__control {
    background-color: inherit;
    color: inherit;
    
    box-shadow: rgb(12, 12, 12) 15px 0 15px;
}

.kur-newsfeed__control--next {
    box-shadow: rgb(12, 12, 12) -15px 0 15px;
}

.kur-newsfeed__message--last .kur-newsfeed__button {
    border-color: rgb(88, 88, 88);
}

.kur-label {
    background-color: rgb(48, 48, 48);
}

.kur-sr + svg {
    /* NRK RADIO */
    color: rgb(242, 242, 242);
}

.kur-newsfeed__button--close {
    background-color: rgb(12, 12, 12);
    color: rgb(232, 232, 232);
}

.kur-floor--top.kur-floor--normal .kur-room--sistestripe .kur-room:after, .kur-floor--top.kur-floor--normal .kur-room--sistestripe .kur-room:before {
    background-color: inherit;
}

.menu__title a, .menu__link {
    color: inherit;
}

.menu__scroller {
    background: linear-gradient(to right, rgba(12, 12, 12, 0), rgb(12, 12, 12) 50%);
}

.nrk-color-base {
    background-color: transparent;
    color: rgb(212, 212, 212);
}

.nrk-pagination::before, .nrk-pagination::after {
    color: rgb(255, 255, 255);
    opacity: 0.4;
}

.nrk-bottommenu .grid .nrk-bottommenu-to-top:after {
    background-color: rgb(88, 88, 88) !important;
}

.nrk-bottommenu .grid .nrk-bottommenu-to-top .to-top {
    border-color: rgb(88, 88, 88) !important;
    color: rgb(124, 124, 124) !important;
}

/* Article colouring */

#container .kur-room--light {
    /* !important specifiers due to: */
    /* elglobo-816956a4.css inserted in the body (articles) */
    background-color: rgb(16, 16, 16) !important;
    color: rgb(232, 232, 232) !important;
}

.author a {
    color: rgb(40, 120, 194);
}

.article-dateline {
    color: rgb(160, 160, 160);
}

.article-share, .article-dateline .nrkno-share, .article-feature__footer .nrkno-share .nrk-button {
    color: rgb(250, 250, 250);
}

.article-sidebar > .article-universe-teaser {
    border-bottom-color: rgb(64, 64, 64);
}

.article-footer {
    border-top-color: rgb(64, 64, 64);
}

.article-footer .article-update-date {
    border-top-color: rgb(56, 56, 56);
}

.article-preamble {
    color: inherit;
}

.widget-title {
    color: rgb(208, 216, 220);
}

.title {
    color: rgb(242, 242, 242);
}

.text-body > h2 {
    color: inherit;
}

.article-lead, .text-body {
    color: rgb(232, 232, 232);
}

.text-body a[href] {
    color: rgb(40, 120, 194);
    border-bottom: 1px solid rgb(64, 64, 64);
}

/* Other */

.fact {
    background-color: rgb(20, 20, 20);
    border-color: rgb(88, 88, 88);
}

.quote-text p {
    color: rgb(255, 152, 48);
}

.article-feature .quote p {
    color: rgb(252, 8, 170);
}

.article-feature .widget .title, .article-feature .quote p, .article-feature > h2, .article-feature__body > h2 {
    color: inherit;
}

.plug-feature .plug-teaser {
    background-color: rgb(20, 20, 20);
}

.plug-preamble {
    /* Text between the title and the author of chronicle links (large ".kur-room" boxes) */
    color: rgb(232, 232, 232);
}

.plug-metadata-footer {
    border-color: rgb(48, 48, 48);
}

.article-feature .article-feature__intro {
    color: rgb(242, 242, 242);
    background-color: rgb(16, 16, 16);
}

.fact__expand {
    background-image: linear-gradient(rgba(20, 20, 20, 0), rgb(20, 20, 20) 70%);
}

.fact__expand svg {
    background-color: rgb(20, 20, 20);
    border-color: rgb(88, 88, 88);
    color: rgb(180, 180, 180);
}

/* Æsj? Norsk i kildekode? Ueh */

.dh-bildesveip-imageGallery__gradientLeft {
    background: linear-gradient(270deg,rgba(16,16,16,0),rgba(16,16,16,0.09) 11.36%,rgba(16,16,16,0.18) 21.57%,rgba(16,16,16,0.27) 30.81%,rgba(16,16,16,0.36) 39.26%,rgba(16,16,16,0.45) 47.09%,rgba(16,16,16,0.54) 54.5%,rgba(16,16,16,0.63) 61.66%,rgba(16,16,16,0.72) 68.74%,rgba(16,16,16,0.81) 75.94%,rgba(16,16,16,0.90) 83.43%, rgba(16,16,16,0.99) 91.39%, rgb(16,16,16)) !important;
}

.dh-bildesveip-imageGallery__gradientRight {
    background: linear-gradient(90deg,rgba(16,16,16,0),rgba(16,16,16,0.09) 11.36%,rgba(16,16,16,0.18) 21.57%,rgba(16,16,16,0.27) 30.81%,rgba(16,16,16,0.36) 39.26%,rgba(16,16,16,0.45) 47.09%,rgba(16,16,16,0.54) 54.5%,rgba(16,16,16,0.63) 61.66%,rgba(16,16,16,0.72) 68.74%,rgba(16,16,16,0.81) 75.94%,rgba(16,16,16,0.90) 83.43%, rgba(16,16,16,0.99) 91.39%, rgb(16,16,16)) !important;
}

a.skin-text-hover {
    color: inherit;
}

a.skin-text-hover:hover {
    color: inherit;
}

.quiz .quiz-option {
    background-color: rgb(24, 27, 30);
    color: inherit;
    border: none;
}

.quiz .quiz-option .nrk-button::after, .quiz .quiz-option .nrk-button, .quiz .quiz-solution {
    border: none;
}

.quiz .quiz-option span {
    color: inherit;
}

.quiz .quiz-solution {
    background-color: transparent;
    color: inherit;
}

/* Enda mer norsk, gitt */

.dh-dh-tidslinje-timeline {
    border: none !important;
}

.dh-dh-tidslinje-timeline-wrap .dh-dh-tidslinje-timeline-bullet__title {
    color: inherit !important;
}

.dh-dh-tidslinje-timeline-component,
.dh-dh-tidslinje-timeline-wrap .dh-dh-tidslinje-timeline-bullet__title,
.stream-content {
    border-color: rgb(88, 88, 88) !important;
}

.dh-dh-tidslinje-timeline .dh-dh-tidslinje-timeline-title {
    border-bottom-color: rgb(88, 88, 88) !important;
}

/*
 .surrogate > .teaser-reference > .bulletin:not(.emphasis-high) .bulletin-circle::after, .compilation .stream-item:first-child .bulletin:not(.emphasis-high) .bulletin-circle::after, .stream-item:first-child .no-compilations:not(.emphasis-high) .bulletin-circle::after {
 color: rgb(88, 88, 88) !important;
 }*/

/* "Mer om" boxes in articles */
.compilation-aside, .bulletin-attachment.plug, .compilation-summary .bulletin.emphasis-high .bulletin-attachment.plug, .compilation-summary {
    background-color: rgb(24, 32, 40);
    border: none;
}

.bulletin.emphasis-high .bulletin-attachment.plug {
    background-color: rgb(24, 32, 40) !important;
    border: none !important;
}

.compilation-aside, .bulletin-attachment.plug {
    border-radius: 8px;
}

.compilation-title, .compilation-summary-title {
    color: inherit;
}

.compilation-link a {
    color: inherit;
}

.bulletin-text > p, .bulletin-text > .bulletin-title {
    color: inherit;
}

.bulletin-text > .bulletin-time > a, .bulletin-text > .bulletin-time > a:link, .bulletin-text > .bulletin-time > a:visited {
    color: inherit;
}

.bulletin-attachment.plug .title/*, .bulletin-attachment.video .title*/ {
    color: inherit;
}

.bulletin-attachment.plug .plug-teaser:before, .bulletin .plug-svg-arrow {
    color: inherit;
}

.stream.lean .teaser.reference > a {
    color: rgb(212, 212, 212);
}

.stream.lean .teaser.reference, .stream.lean .teaser.reference.emphasis-high {
    border-color: rgb(32, 32, 32);
}

.stream.lean .teaser.reference.emphasis-high, .bulletin.emphasis-high {
    background-color: rgb(210, 8, 20);
}

.bulletin.emphasis-high .bulletin-circle {
    border-color: rgb(210, 8, 20);
    color: rgb(210, 8, 20);
}

.stream-lean-exit {
    color: inherit;
}

.stream-lean-footer {
    background-color: rgb(24, 32, 40);
    border: none;
}

.stream-lean-exit:hover {
    background-color: rgb(36, 45, 54);
}

.stream.lean .teaser.reference > a:hover {
    background-color: rgba(255, 255, 255, 0.04);
}

.recipe-list {
    color: rgb(212, 212, 212);
}

.s18 > .recipe .article-header::before, .s18 > .recipe .article-content::before, .s18 > .recipe .recipe-footer::before, .s18 > .article-no-lead-media .article-header-sidebar {
    border-color: rgb(88, 88, 88);
}

.recipe-hr {
    border-color: rgb(88, 88, 88);
}

.recipe-button > span {
    color: rgb(40, 120, 194);
}

.recipe-shareurl input {
    background-color: rgb(24, 32, 40);
    border: none;
    color: inherit;
}

.searchwidget input, .nrkno-search-form__input {
    background-color: rgb(32, 34, 36);
    border: 2px solid transparent !important;
    color: rgb(188, 188, 188);
}

.nrkno-search-page__header {
    background-color: rgb(12, 12, 12);
    color: inherit;
}

.nrkno-search-page__content {
    background-color: inherit;
    color: inherit;
}

.flow-content > .col > .widget.reference {
    color: rgb(212, 212, 212);
}

.tipbox {
    background-color: rgb(32, 36, 40);
    border: none !important;
}

.tipbox a:hover {
    background-color: rgb(36, 42, 48);
    border: none !important;
}

.bulletin.emphasis-high .tipbox {
    background-color: rgb(8, 8, 8);
    box-shadow: 0px -1px 8px rgba(0, 0, 0, 0.8);
}

.tipbox a, .tipbox a:link {
    color: inherit !important;
    border: none;
}

figure.audio .media-player-container {
    background-color: rgb(24, 32, 40);
}

.ludo--inverted {
    background-color: inherit !important;
    color: inherit !important;
}

.tipform .contact-information {
    color: inherit;
}

.tipform .contact-information a, .tipform p a {
    border: none;
    color: rgb(40, 120, 194);
}

.tipform form, .tipform .whistleblower-info {
    background-color: rgb(24, 28, 32);
    border: 1px solid transparent;
    color: inherit;
}

.tipform form {
    color: inherit;
}

.tipform .text {
    background-color: rgb(32, 40, 48);
    border: none;
}

.tipform .text::selection, .tipform .text:active, .tipform .text:focus {
    background-color: rgb(32, 36, 40);
    color: inherit;
}

.nrkno-feedback-form-box {
    background-color: rgb(20, 26, 32);
}

textarea.feedback-form-input-area__input-text {
    background-color: rgb(8, 8, 8);
    color: rgb(212, 212, 212);
}

/* Nydelig språkvariasjon, hæ? */
.dh-forklaringsscroll-card {
    background-color: rgb(20, 20, 20);
}

.dh-forklaringsscroll-card::after, .dh-forklaringsscroll-card::before {
    background-color: rgb(20, 40, 60);
}