cssgradient.io - Dark Mode

Dark theme for CSSGradient.io

Besuchen Sie die Seite des Autors für Hilfe, stellen Sie eine Frage, veröffentlichen Sie eine Bewertung oder melden Sie das Skript.

Zeilen umbrechen

/* ==UserStyle==
@name           cssgradient.io - Dark Mode
@namespace      nick2bad4u.github.io
@version        1.1.1
@description    Dark theme for CSSGradient.io
@author         Nick2bad4u
@license        UnLicense
@homepageURL    https://github.com/Nick2bad4u/UserStyles
@supportURL     https://github.com/Nick2bad4u/UserStyles/issues

@var color backgroundColor "Background Color" #000000
@var color textColor "Text Color" #ffffff
==/UserStyle== */
@-moz-document domain("cssgradient.io") {
    /* Use the variables for colors */
    :root {
        --backgroundColor: var(backgroundColor);
        --textColor: var(textColor);
    }

    /* Invert colors except images and videos */
    main,
    .panel-app,
    .app-gradient,
    .app-color,
    .app-options,
    .home-article,
    .nav,
    .home-page,
    .blog-card,
    .site-footer,
    .blog-header,
    .blog-article,
    .row,
    .html-backgrounds,
    .gradient-backgrounds,
    .js-body-content,
    .content-backgrounds,
    .sidenav-fake,
    .sidenav-backgrounds__list-item .sidenav-backgrounds__background,
    body,
    #app,
    .pt-16,
    .mt-2,
    .page-article,
    .page-header,
    .page-card,
    .swatch-card__bar,
    .swatch-card__copy {
        color: var(--textColor) !important;
        background: var(--backgroundColor) !important;
    }
    .app-color__stop.is-active {
        color: var(--textColor) !important;
        background: var(--backgroundColor) !important;
    }
}