Skip to content

eckstein-shop.de - dark by s-light

Details

Authors-light

LicenseNo License

Categoryeckstein-shop.de

Created

Updated

Size2.8 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

dark mode for the eckstein-shop.

Notes

Userstyle doesn't have notes.

Source code

/* ==UserStyle==
@name           eckstein-shop.de - dark
@namespace      github.com/s-light/
@version        1.0.0
@description    dark mode for eckstein-shop.de
@author         s-light.eu Stefan Krüger
==/UserStyle== */
@-moz-document domain("eckstein-shop.de") {
    /* Insert code here... */
    html {
        filter: invert(0);
        --bg: hsl(260, 100%, 10%);
        --bg-highlight: hsl(260, 100%, 23%);
        --text: hsl(30, 40%, 60%);
        --text-highlight: hsl(30, 100%, 50%);
    }

    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);
    }
}

Reviews

No reviews yet.