/* ============================================================ NewMindPress – Dark Mode Stylesheet Applied via [data-theme="dark"] on ============================================================ */ [data-theme="dark"] { --nmp-text: #e4e6eb; --nmp-text-light: #8a8d91; --nmp-bg: #18191a; --nmp-bg-alt: #242526; --nmp-border: #3a3b3c; --nmp-shadow: 0 2px 8px rgba(0,0,0,.3); --nmp-shadow-lg: 0 8px 30px rgba(0,0,0,.4); --nmp-secondary: #0d1b2a; } /* Header */ [data-theme="dark"] .nmp-header { background: var(--nmp-bg); border-bottom-color: var(--nmp-border); } [data-theme="dark"] .nmp-header--sticky.is-scrolled { background: var(--nmp-bg); } [data-theme="dark"] .nmp-header--transparent.is-scrolled { background: var(--nmp-bg); color: var(--nmp-text); } /* Topbar */ [data-theme="dark"] .nmp-topbar { background: #0d1117; } /* Nav */ [data-theme="dark"] .nmp-nav__list > li > a:hover, [data-theme="dark"] .nmp-nav__list > li.current-menu-item > a { background: rgba(230, 57, 70, .12); } [data-theme="dark"] .nmp-mega-sub { background: var(--nmp-bg-alt); border-color: var(--nmp-border); } [data-theme="dark"] .nmp-mega-sub li a:hover { background: var(--nmp-bg); } [data-theme="dark"] .nmp-mega-parent > .nmp-mega-content { background: var(--nmp-bg-alt); border-color: var(--nmp-border); } /* Search panel */ [data-theme="dark"] .nmp-search-panel { background: var(--nmp-bg); } [data-theme="dark"] .nmp-search-panel__input { background: var(--nmp-bg-alt); border-color: var(--nmp-border); color: var(--nmp-text); } [data-theme="dark"] .nmp-search-result:hover { background: var(--nmp-bg-alt); } [data-theme="dark"] .nmp-search-result__title mark { background: rgba(230, 57, 70, .25); } /* Cards */ [data-theme="dark"] .nmp-card { background: var(--nmp-bg-alt); border-color: var(--nmp-border); } /* Entry */ [data-theme="dark"] .entry-content blockquote { background: var(--nmp-bg-alt); border-inline-start-color: var(--nmp-primary); } [data-theme="dark"] .entry-content pre { background: #0d1117; } [data-theme="dark"] .entry-content code { background: var(--nmp-bg-alt); } [data-theme="dark"] .entry-content th { background: var(--nmp-bg-alt); } [data-theme="dark"] .entry-content th, [data-theme="dark"] .entry-content td { border-color: var(--nmp-border); } /* Tags */ [data-theme="dark"] .nmp-tag { border-color: var(--nmp-border); } /* Share */ [data-theme="dark"] .nmp-share a { background: var(--nmp-bg-alt); } /* Widgets */ [data-theme="dark"] .nmp-widget-newsletter { background: var(--nmp-bg-alt); } [data-theme="dark"] .nmp-newsletter-form input[type="email"] { background: var(--nmp-bg); border-color: var(--nmp-border); color: var(--nmp-text); } [data-theme="dark"] .nmp-widget-cats__count { background: var(--nmp-bg); } /* Pagination */ [data-theme="dark"] .nav-links a, [data-theme="dark"] .nav-links span { border-color: var(--nmp-border); color: var(--nmp-text); } /* Buttons */ [data-theme="dark"] .nmp-btn-icon:hover { background: var(--nmp-bg-alt); } [data-theme="dark"] .nmp-carousel__prev, [data-theme="dark"] .nmp-carousel__next { border-color: var(--nmp-border); } /* Footer – stays same dark */ [data-theme="dark"] .nmp-footer { background: #0d1117; } /* Post nav */ [data-theme="dark"] .nmp-post-nav { border-color: var(--nmp-border); } [data-theme="dark"] .nmp-post-nav__link:hover { background: var(--nmp-bg-alt); } /* Comments */ [data-theme="dark"] .nmp-comments input, [data-theme="dark"] .nmp-comments textarea { background: var(--nmp-bg-alt); border-color: var(--nmp-border); color: var(--nmp-text); } /* Ad header */ [data-theme="dark"] .nmp-ad--header { background: var(--nmp-bg-alt); } /* 404 */ [data-theme="dark"] .nmp-404__code { color: var(--nmp-border); } /* Mobile nav overlay */ [data-theme="dark"] .nmp-nav.is-open { background: var(--nmp-bg); } /* TOC */ [data-theme="dark"] .nmp-toc { background: var(--nmp-bg-alt); border-color: var(--nmp-border); } [data-theme="dark"] .nmp-toc__list li { border-bottom-color: var(--nmp-border); } /* Reactions */ [data-theme="dark"] .nmp-reactions__btn { border-color: var(--nmp-border); } [data-theme="dark"] .nmp-reactions__btn:hover { background: rgba(230,57,70,.12); } /* Bookmark */ [data-theme="dark"] .nmp-bookmark:hover { background: var(--nmp-bg-alt); } /* Paywall */ [data-theme="dark"] .nmp-paywall__overlay { background: linear-gradient(to bottom, transparent, var(--nmp-bg)); } [data-theme="dark"] .nmp-paywall__content { background: var(--nmp-bg-alt); border-color: var(--nmp-border); } /* Cinematic hero */ [data-theme="dark"] .nmp-btn--hero:hover { background: var(--nmp-bg); color: var(--nmp-text); } /* Smooth transition */ html[data-theme] { transition: background-color .3s ease, color .3s ease; } html[data-theme] * { transition: background-color .3s ease, color .3s ease, border-color .3s ease; }