/* ============================================================================= Matthew Custom Theme — Dark Mode Applied via [data-theme="dark"] on All dark values are scoped — no !important needed ========================================================================== */ [data-theme="dark"] { /* Colors */ --mct-bg: #0f1210; --mct-surface: #1a2419; --mct-border: #2a3d2a; --mct-text: #ffffff; /* pure white body text */ --mct-text-muted: #a8b89a; --mct-heading: #ffffff; /* pure white headings */ --mct-link: #4ade80; --mct-link-hover: #86efac; /* Header */ --mct-header-bg: #111a10; --mct-header-border: #2a3d2a; } /* Explicit white overrides for all text & heading elements in dark mode */ [data-theme="dark"] body { color: #ffffff; } [data-theme="dark"] h1, [data-theme="dark"] h2, [data-theme="dark"] h3, [data-theme="dark"] h4, [data-theme="dark"] h5, [data-theme="dark"] h6 { color: #ffffff; } [data-theme="dark"] .mct-post-card__title a, [data-theme="dark"] .mct-single-post__title, [data-theme="dark"] .mct-related-posts__post-title a, [data-theme="dark"] .mct-author-box__name a, [data-theme="dark"] .mct-post-navigation__title, [data-theme="dark"] .widget-title { color: #ffffff; } [data-theme="dark"] p, [data-theme="dark"] li, [data-theme="dark"] td, [data-theme="dark"] blockquote { color: #ffffff; } [data-theme="dark"] .mct-post-card__excerpt { color: rgba(255,255,255,0.75); } [data-theme="dark"] .mct-post-meta, [data-theme="dark"] .mct-post-meta a, [data-theme="dark"] .mct-breadcrumbs, [data-theme="dark"] .mct-breadcrumbs a, [data-theme="dark"] .mct-author-box__bio, [data-theme="dark"] .mct-related-posts__date, [data-theme="dark"] .mct-archive-header__desc { color: rgba(255,255,255,0.65); } /* Body background */ [data-theme="dark"] body { background-color: var(--mct-bg); } /* Cards */ [data-theme="dark"] .mct-post-card { background: #1a2419; border-color: var(--mct-border); } /* Widgets */ [data-theme="dark"] .widget { background: #1a2419; border-color: var(--mct-border); } [data-theme="dark"] .widget ul li { border-bottom-color: var(--mct-border); } /* Code */ [data-theme="dark"] code, [data-theme="dark"] kbd { background: #1a2419; border-color: var(--mct-border); color: #86efac; } /* Blockquote */ [data-theme="dark"] blockquote { background: #1a2419; border-left-color: #4ade80; } /* Search field */ [data-theme="dark"] .search-form .search-field { background: #1a2419; border-color: var(--mct-border); color: var(--mct-text); } /* Comment form inputs */ [data-theme="dark"] .comment-form input[type="text"], [data-theme="dark"] .comment-form input[type="email"], [data-theme="dark"] .comment-form input[type="url"], [data-theme="dark"] .comment-form textarea { background: #1a2419; border-color: var(--mct-border); color: var(--mct-text); } /* Comment body */ [data-theme="dark"] .comment-body { background: #1a2419; border-color: var(--mct-border); } /* Author box */ [data-theme="dark"] .mct-author-box { background: #1a2419; border-color: var(--mct-border); } /* No results */ [data-theme="dark"] .mct-no-results { background: #1a2419; border-color: var(--mct-border); } /* Ad zones */ [data-theme="dark"] .mct-ad--header, [data-theme="dark"] .mct-ad--footer { background: #1a2419; border-color: var(--mct-border); } [data-theme="dark"] .mct-ad--in-content, [data-theme="dark"] .mct-ad--sidebar { background: #1a2419; border-color: var(--mct-border); } /* Breadcrumbs */ [data-theme="dark"] .mct-breadcrumbs a { color: var(--mct-text-muted); } /* Pagination */ [data-theme="dark"] .mct-pagination .page-numbers a, [data-theme="dark"] .mct-pagination .page-numbers span { background: #1a2419; border-color: var(--mct-border); color: var(--mct-text); } /* Footer */ [data-theme="dark"] .mct-site-footer { background: #070d07; } /* Table */ [data-theme="dark"] th { background: #1a2419; } [data-theme="dark"] td, [data-theme="dark"] th { border-color: var(--mct-border); } /* Tag badges */ [data-theme="dark"] .mct-tag-badge { background: #1a2419; border-color: var(--mct-border); color: var(--mct-text-muted) !important; } /* Social share buttons */ [data-theme="dark"] .mct-social-share__btn { background: #1a2419; border-color: var(--mct-border); color: var(--mct-text); } /* Transition all color changes smoothly */ body, .mct-site-header, .mct-post-card, .widget, .mct-ad, .comment-body, .mct-author-box { transition: background-color 200ms ease, color 200ms ease, border-color 200ms ease; }