* Direct dark theme — black/dark backgrounds, white/light text (no invert filter).
*/
html.dark-mode-ext-active,
html.dark-mode-ext-active body {
background-color: #121212 !important;
color: #e8e8e8 !important;
color-scheme: dark;
min-height: 100%;
filter: none !important;
}
html.dark-mode-ext-active body {
min-height: 100vh;
}
/* Smooth transitions */
html.dark-mode-ext-active,
html.dark-mode-ext-active *:not(img):not(video):not(picture):not(canvas):not(iframe) {
transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease !important;
}
/* Global text — beats most site class rules; [id] beats Amazon #productTitle etc. */
html.dark-mode-ext-active,
html.dark-mode-ext-active body,
html.dark-mode-ext-active p,
html.dark-mode-ext-active span,
html.dark-mode-ext-active li,
html.dark-mode-ext-active td,
html.dark-mode-ext-active th,
html.dark-mode-ext-active label,
html.dark-mode-ext-active dt,
html.dark-mode-ext-active dd,
html.dark-mode-ext-active figcaption,
html.dark-mode-ext-active h1,
html.dark-mode-ext-active h2,
html.dark-mode-ext-active h3,
html.dark-mode-ext-active h4,
html.dark-mode-ext-active h5,
html.dark-mode-ext-active h6,
html.dark-mode-ext-active [id],
html.dark-mode-ext-active [class] {
color: #e8e8e8 !important;
-webkit-text-fill-color: #e8e8e8 !important;
}
html.dark-mode-ext-active h1,
html.dark-mode-ext-active h2,
html.dark-mode-ext-active h3,
html.dark-mode-ext-active #productTitle,
html.dark-mode-ext-active #title {
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
}
html.dark-mode-ext-active a,
html.dark-mode-ext-active a span {
color: #7ab8ff !important;
-webkit-text-fill-color: #7ab8ff !important;
}
/* Dark surfaces for layout blocks */
html.dark-mode-ext-active div,
html.dark-mode-ext-active section,
html.dark-mode-ext-active article,
html.dark-mode-ext-active main,
html.dark-mode-ext-active aside,
html.dark-mode-ext-active nav,
html.dark-mode-ext-active header,
html.dark-mode-ext-active footer,
html.dark-mode-ext-active form,
html.dark-mode-ext-active table,
html.dark-mode-ext-active #a-page,
html.dark-mode-ext-active #dp,
html.dark-mode-ext-active #ppd,
html.dark-mode-ext-active #centerCol,
html.dark-mode-ext-active #rightCol,
html.dark-mode-ext-active #leftCol,
html.dark-mode-ext-active #navbar,
html.dark-mode-ext-active #nav-belt,
html.dark-mode-ext-active #nav-main,
html.dark-mode-ext-active #nav-subnav,
html.dark-mode-ext-active #navFooter,
html.dark-mode-ext-active .nav-sprite,
html.dark-mode-ext-active #main-content,
html.dark-mode-ext-active #content,
html.dark-mode-ext-active #container,
html.dark-mode-ext-active #root,
html.dark-mode-ext-active #app {
background-color: #1a1a1a !important;
}
/* Keep product photos natural */
html.dark-mode-ext-active img,
html.dark-mode-ext-active video,
html.dark-mode-ext-active picture,
html.dark-mode-ext-active canvas {
filter: none !important;
background-color: transparent !important;
}
html.dark-mode-ext-active input:not([type="image"]):not([type="checkbox"]):not([type="radio"]),
html.dark-mode-ext-active textarea,
html.dark-mode-ext-active select {
background-color: #2d2d2d !important;
color: #f5f5f5 !important;
border-color: #555 !important;
}
html.dark-mode-ext-active button,
html.dark-mode-ext-active input[type="submit"],
html.dark-mode-ext-active #add-to-cart-button,
html.dark-mode-ext-active #buy-now-button {
color: #111 !important;
-webkit-text-fill-color: #111 !important;
}
html.dark-mode-ext-pending,
html.dark-mode-ext-pending body {
background-color: #121212 !important;
color: #e8e8e8 !important;
}