delfi.lt - Simple Dark Mode

Might have some visual issues
Installeren als gebruikersscript ? Installeren als gebruikersstijl ?
Stel een vraag, plaats een beoordeling of rapporteer dit script.
Regels afbreken
/* ==UserStyle==
@name         delfi.lt - Simple Dark Mode
@version      20260226.14.22
@namespace    https://userstyles.world/user/TheBlaster1337
@description  Might have some visual issues
@author       TheBlaster1337
@license      GNU GPLv3
==/UserStyle== */

@-moz-document domain("delfi.lt") {

.banner--header {
    display: none;
}
#adf-banner {
    display: none;
}

.banner--bottom, .banner--content, .banner--corner {
    display: none;
}

.banner--tower:not(:last-child) {
    display: none;
}

#bnrContent {
    display: none;
}

#plius-promotion-line {
    display: none;
}

.header-actions__item:first-child .header-actions__button {
    margin-left: 0;
    margin-right: 0;
    border: 2px solid white;
}

.header-actions__button--contrast {
    background: transparent;
}
.header-actions__button--contrast:hover {
    background: var(--color-color-1);
}


.header-actions__button--login--logged-in,
.header-actions__button--login--logged-out,
.header-actions__button--placeholder {
    background-color: transparent;
    border-radius: 100px;
    color: white;
    border: 2px solid white;
    font-weight: 600;
    gap: 10px;
    padding: 10px 25px 10px 13px;

    position: relative;
    overflow: hidden;
    transition: color 0.25s ease, border-color 0.25s ease;
}

.header-actions__button--login--logged-in::before,
.header-actions__button--login--logged-out::before,
.header-actions__button--placeholder::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(255, 255, 255, 0.15);
    transform: translateX(-105%);
    transition: transform 0.35s ease;
    z-index: 0;
}

.header-actions__button--login--logged-in > *,
.header-actions__button--login--logged-out > *,
.header-actions__button--placeholder > * {
    position: relative;
    z-index: 1;
}

.header-actions__button--login--logged-in:hover::before,
.header-actions__button--login--logged-out:hover::before,
.header-actions__button--placeholder:hover::before {
    transform: translateX(0);
}

.header-actions__button--login--logged-in::before,
.header-actions__button--login--logged-out::before,
.header-actions__button--placeholder::before {
    background: var(--color-color-1);
}

.header-actions__button--login--logged-in:hover,
.header-actions__button--login--logged-out:hover,
.header-actions__button--placeholder:hover {
    color: white;
    border-color: var(--color-color-1);
}

.hamburger--desktop[data-v-260a04b6] {
    align-items: flex-start;
    background: white;
    filter: invert();
    border-radius: 10px;
    flex-direction: column;
    height: 40px;
    justify-content: center;
    padding: 0 11px;
    row-gap: 5px;
    width: 40px;
}

.hamburger--desktop[data-v-260a04b6]:before {
    transition:
        opacity 0.3s ease,
        transform 0.3s ease;
}
.hamburger--desktop[data-v-260a04b6]:hover {
    transform:scale(1.15) rotate(-8deg);
}

.header-actions__item--search i {
    padding: 10px;
    border-radius: 10px;
    color: white;

    position: relative;
    transition:
        transform 0.3s cubic-bezier(.4,0,.2,1),
        color 0.3s ease;
}

.header-actions__item--search i::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    transition:
        opacity 0.3s ease,
        transform 0.3s ease;
}

.header-actions__item--search:hover i {
    transform: scale(1.15) rotate(-8deg);
    color: #5f78ff;
}

.header-actions__item--search:hover i::before {
    opacity: 0;
    transform: scale(1.2);
}

.header__logo {
    display: inline-block;
    transition: filter 0.3s ease, transform 0.3s ease;
}

.header__logo:hover {
    transform: scale(1.04);
    filter: drop-shadow(0 0 10px rgba(56, 88, 245, 0.5));
}

.banner--tower {
    display: none;
}

.adform-adbox-fixed {
    display: none;
}

.political-ad:before, .pt-content:before {
    font-size: 10px;
    margin-top: -3px;
    opacity: 1;
    position: absolute;
    color: red;
    right: 12px;
    top: -12px;
}

.adf-FlexGallery {
    width: 100%;
    display: none;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.adf-Banner {
    display: none;
}

.adf-ClickArea {
    position: absolute;
    top: 0;
    display: none;
    left: 0;
    height: 100%;
    width: 100%;
}
body {
    background-color: #000000;
    color: #ffffff;
    font-family: var(--font-family-secondary);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    margin: 0;
    text-align: left;
}

#dlb-block {
    background: #000000;
    margin-bottom: 20px;
    color: white;
    padding: 10px;
    overflow: hidden;
}

:root {
    --color-bg-color-1: #000000;
    --color-bg-color-2: #000000;
    --color-bg-color-3: #000000;
    --color-bg-color-4: #0f134b;
    --color-bg-color-5: #ffff56;
    --color-color-1: #3858f5;
    --color-color-2: #3858f5;
    --color-color-3: #edf2f4;
    --color-color-4: #3858f5;
    --color-grey-1: #708597;
    --color-grey-2: #dedfe0;
    --color-grey-3: #edf2f4;
    --color-text-1: #ffffff;
    --color-text-2: #708597;
    --color-text-3: #ffffff;
    --color-link-1: #3858f5;
    --color-link-2: #fa044f;
    --color-bg-color-1-hover: #d3d3d3;
    --color-bg-color-1-contrast: #3858f5;
    --color-bg-color-2-hover: #c4c8ca;
    --color-bg-color-2-contrast: #222;
    --color-bg-color-3-hover: #c1ccd3;
    --color-bg-color-3-contrast: #222;
    --color-bg-color-4-hover: #3f426f;
    --color-bg-color-4-contrast: #fff;
    --color-bg-color-5-hover: #d3d34c;
    --color-bg-color-5-contrast: #222;
    --color-color-1-hover: #6079f7;
    --color-color-1-contrast: #fff;
    --color-color-2-hover: #6079f7;
    --color-color-2-contrast: #fff;
    --color-color-3-hover: #c4c8ca;
    --color-color-3-contrast: #222;
    --color-color-4-hover: #6079f7;
    --color-color-4-contrast: #fff;
    --color-grey-1-hover: #8d9dac;
    --color-grey-1-contrast: #fff;
    --color-grey-2-hover: #b8b9ba;
    --color-grey-2-contrast: #222;
    --color-grey-3-hover: #c4c8ca;
    --color-grey-3-contrast: #222;
    --color-text-1-hover: #373f47;
    --color-text-1-contrast: #fff;
    --color-text-2-hover: #8d9dac;
    --color-text-2-contrast: #fff;
    --color-text-3-hover: #3f426f;
    --color-text-3-contrast: #fff;
    --color-link-1-hover: #6079f7;
    --color-link-1-contrast: #fff;
    --color-link-2-hover: #fb3672;
    --color-link-2-contrast: #fff;
    --color-white: #000000;
    --color-black: #000;
    --color-total-package: #00d46e;
    --color-total-package-hover: #00bb61;
    --color-facebook: #4267b2;
    --color-twitter: #1da1f2;
    --color-linkedin: #0077b5;
    --color-instagram: #833ab4;
    --color-content-marketing: #496170;
    --color-error: #ffd9de;
    --header-menu-top-color: var(--color-text-2);
    --header-menu-primary-color: #ffffff;
    --header-menu-primary-hover-color: var(--color-link-1);
    --header-menu-primary-text-transform: none;
    --header-menu-primary-font-size: 13px;
    --header-menu-separator-enabled: block;
    --header-sitemap-footer-color: var(--color-grey-1);
    --article-font-body-font-family: Inter,sans-serif;
    --article-font-body-font-size: 20px;
    --article-font-body-font-size-2: 22px;
    --article-font-body-font-size-3: 18px;
    --article-font-body-font-weight: 400;
    --article-font-lead-font-family: Inter,sans-serif;
    --article-font-lead-font-size: 24px;
    --article-font-lead-font-size-2: 26px;
    --article-font-lead-font-size-3: 22px;
    --article-font-lead-font-weight: 600;
    --font-family-system: Inter,sans-serif;
    --font-family-primary: Inter,sans-serif;
    --font-family-secondary: Inter,sans-serif;
    --text-type-1-font-size: 12px;
    --text-type-1-font-weight: 700;
    --text-type-2-font-size: 12px;
    --text-type-2-font-weight: 500;
    --text-type-3-font-size: 13px;
    --text-type-3-font-weight: 400;
    --h1-lg-font-size: 30px;
    --h1-lg-font-weight: 600;
    --h1-lg-line-height: 1.3;
    --h1-sm-font-size: 24px;
    --h1-sm-font-weight: 600;
    --h1-sm-line-height: 1.3;
    --h2-lg-font-size: 22px;
    --h2-lg-font-weight: 600;
    --h2-lg-line-height: 1.3;
    --h2-sm-font-size: 19px;
    --h2-sm-font-weight: 600;
    --h2-sm-line-height: 1.3;
    --h3-lg-font-size: 20px;
    --h3-lg-font-weight: 600;
    --h3-lg-line-height: 1.3;
    --h3-sm-font-size: 18px;
    --h3-sm-font-weight: 600;
    --h3-sm-line-height: 1.3;
    --h4-lg-font-size: 17px;
    --h4-lg-font-weight: 600;
    --h4-lg-line-height: 1.3;
    --h4-sm-font-size: 17px;
    --h4-sm-font-weight: 600;
    --h4-sm-line-height: 1.3;
    --h5-lg-font-size: 15px;
    --h5-lg-font-weight: 600;
    --h5-lg-line-height: 1.3;
    --h5-sm-font-size: 15px;
    --h5-sm-font-weight: 600;
    --h5-sm-line-height: 1.3;
    --h6-lg-font-size: 14px;
    --h6-lg-font-weight: 600;
    --h6-lg-line-height: 1.3;
    --h6-sm-font-size: 15px;
    --h6-sm-font-weight: 600;
    --h6-sm-line-height: 1.3;
}

a{
    color: white;
}

.banner--loading {
    display: none;
}

.banner--square>div {
    displaY: none;
}
}