dark mode for the eckstein-shop.
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
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);
}
}