Skip to content

zeit.de - Nachtmodus (Die Zeit) by khalillotz

Screenshot of zeit.de - Nachtmodus (Die Zeit)

Details

Authorkhalillotz

LicenseNo License

Categoryzeit.de, Zeit, Die Zeit

Created

Updated

Size5.8 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Darkmode für Zeit.de
Angenehmere und augenschonendere Hintergrundfarbe.
Getestet mit Chrome und uBlock Origin.

Notes

v1.0
v.0.9.5 - Liveblog-Ansicht
v.0.9.4 - Sticky Navigation& Logo - fix
v.0.9.3 - title - & summary-color fix
v.0.9.2 - kleine Bugfixes
v.0.9.1 - kleine Bugfixes
v.0.9 - initiales Aufsetzen

Bugs und Verbesserungsvorschläge bitte melden

Source code

/* ==UserStyle==
@name           Zeit.de - Nachtmodus
@namespace      USO Archive
@author         Khalil Lotz
@description    `<h2>Darkmode für Zeit.de</h2>Angenehmere und augenschonendere Hintergrundfarbe.<i>Getestet mit Chrome und uBlock Origin.</i>`
@version        20210323.9.15
@license        CC-BY-NC-SA-4.0
@preprocessor   uso
==/UserStyle== */
@-moz-document domain("zeit.de") {
body,.page__content, .header, .nav, .header:not(.header--force-mobile) .nav__dropdown-list, .header:not(.header--force-mobile) .nav__login-list, .header:not(.header--force-mobile) .nav__dropdown-item--has-label, .cp-area--shop, .overlay__dialog, .zon-teaser-lead__container, .buzzboard__headline, .servicelinks__title, .servicelinks-rb19__title, .podcast-bar__headline, .zon-teaser-printbox__heading, podcast-bar__player{
    background-color: #41464d;
}

.nav a, .nav a:hover, .nav a:active, .nav a:focus, .nav button, .nav button:hover, .zon-teaser-standard__text, .zon-teaser-wide__text, .zon-teaser-lead__text, .zon-teaser-classic__text, .zon-teaser-printbox__text, .zon-teaser-upright__text, .zon-teaser-poster__text, .section-heading__link, .byline, .comment__rewrapper:hover .comment__cta, .comment__rewrapper:hover .comment-overlay__cta, .comment-overlay:hover .comment-overlay__cta, 
  .pager__page--current span, .header:not(.header--force-mobile) .nav__metadata, .nav__metadata, .overlay__headline
{
     color:#fff
}
.sticky-nav{
background: #2a2e33;
}
a.nav__tag,.header:not(.header--force-mobile) .nav__dropdown-list a:hover, .header:not(.header--force-mobile) .nav__dropdown-list a:active, .header:not(.header--force-mobile) .nav__dropdown-list a:focus, .header:not(.header--force-mobile) .nav__login-list a:hover, .header:not(.header--force-mobile) .nav__login-list a:active, .header:not(.header--force-mobile) .nav__login-list a:focus {
    background: #333;
}
.cp-region--lead{ border-color: #2a2e33}

.header__logo, .sticky-nav__focusheadline, .sticky-nav__hplink, .sticky-nav__list, .sticky-nav__icon--zon {
    color: #ccc;
}
.zon-teaser-standard__title, .zon-teaser-printbox__title, .zon-teaser-upright__title, .zon-teaser-wide__title, .zon-teaser-lead__title, .zon-teaser-classic__title, .zon-teaser-poster__title, .comment__body, .comment__cta, .comment-overlay__cta, .jobbox-ticker-item__title, a, .overlay__text, .article-heading__title{
     color: #ccc
}
.nav__tag:hover, .sticky-nav__tag:hover, .nav__tag:active, .sticky-nav__tag:active, .nav__tag:focus, .sticky-nav__tag:focus, .comment__origin:hover, .comment__origin:active, .comment__origin:focus, .comment__reaction:hover, .comment__reaction:active, .comment__reaction:focus, .comment__date:hover, .comment__date:active, .comment__date:focus{
    background-color: #666666;
}
.page__content, .comment-meta__date:hover, .comment-meta__date:active, .comment-meta__date:focus, .teaser-buzz__title, .teaser-buzzboard__title, .teaser-dossier__title, .teaser-topic-main__title, .teaser-topic-item__title, .teaser-large__title, .teaser-large-column__title, .teaser-small__title, .teaser-small-minor__title, .teaser-column-exclusive__title, .teaser-small-column__title, .teaser-small-column-minor__title, .teaser-buzzboard__kicker, .zon-teaser-square__metadata, .zon-teaser-standard__metadata, .zon-teaser-wide__metadata, .zon-teaser-lead__metadata, .zon-teaser-classic__metadata, .zon-teaser-upright__metadata, .zon-teaser-poster__metadata, .newsteaser__title,
  .servicebox__link, .teaser-dossier__text, .teaser-large__text, .teaser-small__text, .teaser-small-minor__text, .teaser-column-exclusive__text, .teaser-large-column__text, .teaser-small-column__text, .teaser-small-column-minor__text, .lb-post-header, .article-tags__link
  {
     color:#ccc
}
  .newsteaser__time, .teaser-buzz__metadata, .teaser-dossier__metadata, .teaser-large__metadata, .teaser-small__metadata, .teaser-small-minor__metadata, .teaser-column-exclusive__metadata, .teaser-large-column__metadata, .teaser-small-column__metadata, .teaser-small-column-minor__metadata{
  color: #eee
  }
.paragraph a, .list a {
    border-bottom: 1px solid darksalmon;
    color: darksalmon;
}
.paragraph a:focus, .list a:focus, .paragraph a:hover, .list a:hover, .paragraph a:active, .list a:active {
    border-bottom-color: chocolate;
    color: chocolate;
}
.comment--author{
background-color: chocolate;
}
.summary {
background-color: #33333c;
color: #eee;
    padding: 20px;
}
.comment-overlay{
     background-image:none;
}
  .article-heading__title--underlined-skip{
  text-shadow:none;
    color:white;
  }
.js.no-touchevents .podcast-bar__list-arrow--right {
    background-image: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, #41464d 60%, #41464d 100%);
    background-image: -o-linear-gradient(left, rgba(255,255,255,0) 0%, #41464d 60%, #41464d 100%);
    background-image: linear-gradient(90deg, rgba(255,255,255,0) 0%, #41464d 60%, #41464d 100%);
}
.js.no-touchevents .podcast-bar__list-arrow--left {
    background-image: -webkit-linear-gradient(left, #41464d 0%, #41464d 40%, rgba(255,255,255,0) 100%);
    background-image: -o-linear-gradient(left, #41464d 0%, #41464d 40%, rgba(255,255,255,0) 100%);
    background-image: linear-gradient(90deg, #41464d 0%, #41464d 40%, rgba(255,255,255,0) 100%);
}
.liveblog-text-wrapper--wrapped:after{
    background-image: linear-gradient(0deg, #41464d 1.5em, rgba(255,255,255,0) 100%);
}
.teaser-shop, .zon-section-heading, .teaser-large-column, .teaser-small-column, .teaser-small-column-minor, .lb-post {
    background-color: #33333c;
}
  .markup--solo, .markup--standard, .cp-area--ranking, .cp-area--paginated{
    box-shadow:none;
    background-color: #33333c;
  }
.cp-area--ranking {
    padding-bottom: 1.875rem;
}
.zon-dossier__kicker{
color: black
}
}

Reviews

No reviews yet.