dark-gi-allgemeine by orgrim

/* ==UserStyle==
@name         dark-gi-allgemeine
@version      20241125.20.16
@namespace    https://userstyles.world/user/orgrim
@description  simple dark mode for giessener-allgemeine.de
@author       orgrim
@license      MIT License
==/UserStyle== */

@-moz-document domain("giessener-allgemeine.de") {
:root {
    --bg-frame-color: #222322;
    --bg-color: #232623;
    --bg-color-active: #333633;
    --font-color: #ddd;
    --font-color-a: #999;
    --font-color-a-hover: #ca4443;
    --font-color-a-active: #ff4443;
    --bg-color-link-action: #920;
    --egy-palette-default-color: #920;
    --egy-palette-background: #262626;
}

body {
    background-color: var(--bg-frame-color) !important;
}

.id-Logo,
.id-HeaderDoubleGum-logo {
    background: url(//idcdn.de/west/assets/giessener-allgemeine/img/logo--57cf9dae.svg);
    filter: invert(0.7);
}

.id-SiteWrap,
.id-SiteHeader,
.id-MainActionBar,
.id-MainActionBar-subLayer,
.id-MainNav-subNav,
.id-SimpleTab-content,
.id-SimpleTab-content::after,
.id-MainNav-el,
.id-MainNav-el-link,
.id-MainNav-subNav-el,
.id-MainNav-subNav--more,
.id-MainNav-subNav--more .id-MainNav-subNav,
.iduid-dialog,
.id-Swiper-loadMore,
.id-Container,
.id-Container-headline,
.id-Container-headline-text--custom,
.id-Teaser-el-content-meta,
.id-Teaser-el--overlayStyle .id-Teaser-el-content-meta,
.id-Teaser-el-content-meta-item,
.id-HeaderDoubleGum,
.id-StoryElement-headline,
.id-Page-skyLayout-content,
.id-StoryElement-paragraph,
.id-StoryElement-crosshead,
.id-StoryElement-leadText,
.id-Comments-headline,
.id-Footer {
    background-color: var(--bg-color);
}

.id-Container-headline {
    background-image: none;
}

.id-MainNav-subNav,
.id-SimpleTab-content {
    border-top-color: var(--bg-color);
    border-left-color: var(--bg-color);
    border-right-color: var(--bg-color);
}

/* font color */
.id-Container-headline-text,
.id-Container-headline-text--custom,
.id-Teaser-el-content-meta,
.id-Teaser-el-content-meta-item,
.iduid-dialog,
.iduid-info,
.id-HeaderDoubleGum,
.id-StoryElement-headline,
.id-Page-skyLayout-content,
.id-StoryElement-paragraph,
.id-StoryElement-crosshead,
.id-StoryElement-leadText,
.id-StoryElement-intestitialLink-headline,
.id-StoryElement-tableOfContents-headline,
.id-StoryElement-tableOfContents-list-item,
.id-Comments-headline,
.id-StoryElement-chapterHeadline,
.id-StoryElement-list-item,
.id-StoryElement-factBox-headline,
.id-StoryElement-factBox-paragraph,
.ecr-teaser-list .header-box > h2,
.id-Footer {
    color: var(--font-color) !important;
}

/* links */
.id-LinkOverlay *,
a:not(.id-import-Link--action, .iduid-link),
button {
    color: var(--font-color-a) !important;
    transition: color 0.3s linear !important;
}
.id-LinkOverlay:hover *,
a:not(.id-import-Link--action, .iduid-link):hover,
button:hover {
    color: var(--font-color-a-hover) !important;
    transition: color 0.1s linear !important;
}

.id-LinkOverlay:active,
a:active,
button:active,
.id-is-active {
    color: var(--font-color-a-active) !important;
    background-color: var(--bg-color-active) !important;
}


/* ads? */
.id-TBeepSlot--billboard,
.id-TBeepSlot--content,
.id-StoryElement-embed,
.id-Recommendation,
#id-Container-433431 > * {
    min-height: auto !important;
    height: auto !important;
    /*border:1px solid #04f;*/
}
}