eckstein-shop.de - dark by s-light

/* ==UserStyle==
@name           eckstein-shop.de - dark
@namespace      github.com/s-light/
@version        2.0.0
@description    dark mode
@author         s-light.eu Stefan Krüger
==/UserStyle== */
@-moz-document domain("eckstein-shop.de") {
    /* global */
    :root {
        --bg: black;
        --bg-light: hsl(250, 100%, 10%);
        --bg-highlight: hsl(250, 100%, 30%);
        --bg-highlight2: hsl(250, 100%, 50%);
        --bg-gradient: linear-gradient( to bottom,
        var(--bg-highlight),
        var(--bg-highlight2));
        --bg-gradient-dark: linear-gradient( to bottom,
        var(--bg-light),
        var(--bg-highlight));

        --text: hsl(42, 65%, 50%);
        --text-highlight: hsl(170, 100%, 50%);
    }
}

@-moz-document domain("eckstein-shop.de") {
    /*current shop system after 01.01.2025*/
    :root {

        --slpx-base-font-family: "Overlock";

        --slpx-topbar-background: var(--bg);

        --slpx-color-base-text: var(--text);
        --slpx-color-base-link: var(--text);
        --slpx-color-base-background: var(--bg);
        --slpx-color-primary: var(--text);
        --slpx-color-secondary: var(--bg);
        --slpx-color-base-border: var(--text);
        --slpx-color-base-white: var(--bg);
        /**--slpx-color-success: #37AC03;
	--slpx-color-info: #17a2b8;
	--slpx-color-warning: #ffc107;
	--slpx-color-error: #CF2B2C;**/
        --slpx-text-black: var(--text-highlight);
        --slpx-text-white: var(--text-highlight);
        --slpx-text-dark: var(--bg);
        --slpx-text-muted: var(--text);
        --slpx-mid-gray: var(--bg-highlight2);
        --slpx-color-light: var(--text);
        --slpx-color-base-transparent: #00000000;
        --slpx-startpage-preisactionen-background: var(--bg);
        --slpx-search-field-background: var(--bg);
        --slpx-color-base-wrapper-background: var(--bg-light);
        --slpx-footer-border: #414141;
        --slpx-base-input-background: var(--bg);
        --slpx-base-input-color: var(--text);
        --slpx-base-input-border: var(--text-highlight);
        --slpx-base-switch-background: var(--bg);
        --slpx-color-primary-contrast: var(--bg);

        --slpx-counter-background: var(--bg-gradient-dark)
    }

    .btn {
        color: var(--text);
    }

    .slpx-shop-btn-quickbuy {
        color: var(--slpx-text-dark);
    }
}


@-moz-document domain("eckstein-shop.de") {
    /*this is all for the old shop system prior to 01.01.2025*/
    /*
    html,
    body {
        background-color: var(--bg);
        color: var(--text);
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    .h1,
    .h2,
    .product-matrix .product-matrix-title,
    .h3,
    .sidepanel-left .box-normal .box-normal-link,
    .h4,
    .h5,
    .h6,
    a,
    table,
    .table,
    .btn-link {
        color: var(--text);
        background-color: transparent;
    }

    .navbar,
    header .navbar.navigation,
    header .navbar-nav > .nav-item > .nav-link,
    .topbar-wrapper,
    .topbar-wrapper .nav-link,
    .nav-tabs .nav-link.active,
    .nav-tabs .nav-item.show .nav-link {
        color: var(--text);
        background-color: transparent;
    }

    .breadcrumb-container,
    ol .breadcrumb,
    .breadcrumb-item .breadcrumb-link {
        color: var(--text);
        background-color: transparent;
    }

    .breadcrumb-item + .breadcrumb-item::before {
        color: var(--text-highlight);
    }


    .table-striped tbody tr:nth-of-type(2n) {
        background-color: hsla(0, 0%, 100%, .1);
    }

    .card-gray,
    .card-header {
        color: var(--text);
        background-color: var(--bg-highlight);
    }

    #search .form-control,
    input.form-control.ac_input.tt-hint {
        color: var(--text) !important;
        background-color: transparent !important;
        border: solid;
    }

    .btn-outline-secondary {
        background-color: transparent;
        color: var(--text);
    }

    .dropdown-item,
    .dropdown-menu,
    #search .tt-menu {
        color: var(--text);
        background-color: var(--bg);
    }

    .tt-dropdown-menu .tt-suggestion.tt-cursor,
    .tt-dropdown-menu .tt-suggestion:hover,
    .tt-menu .tt-suggestion.tt-cursor,
    .tt-menu .tt-suggestion:hover {
        color: var(--text);
        background-color: var(--bg-highlight);
    }

    .tt-dropdown-menu .tt-suggestion.tt-cursor a,
    .tt-dropdown-menu .tt-suggestion:hover a,
    .tt-menu .tt-suggestion.tt-cursor a,
    .tt-menu .tt-suggestion:hover a {
        color: var(--text);
    }

    a span {
        color: inherit !important;
    }

    #image_wrapper.fullscreen .gallery-with-action-main,
    #image_wrapper.fullscreen .product-detail-image-topbar,
    #image_wrapper.fullscreen .product-detail-image-preview-bar {
        background-color: var(--bg);
    }
*/
}