/*! * Rahe Boushehr — Dark Mode Overrides * * فعال‌سازی از طریق کلاس «dark-mode» روی (توسط * inc/class-dark-mode.php برای رندر بدون پرش رنگ + assets/js/dark-mode-toggle.js * برای تعامل کاربر). فقط متغیرهای رنگی پایه override می‌شوند تا کل * main.css بدون تکرار selector، به‌طور خودکار با حالت شب سازگار شود. * * @package Rahe_Boushehr */ html.dark-mode { --ink: #eef1f6; --muted: #9aa5b5; --line: #26324a; --bg: #0d1420; --card: #141c2b; --accent: #e0505c; --accent2: #e9b949; } html.dark-mode body { background: var(--bg); color: var(--ink); } /* عناصری که رنگ‌شان به‌صورت مستقیم (نه از طریق متغیر) نوشته شده بودند. */ html.dark-mode .site-header, html.dark-mode .main-navigation, html.dark-mode .search-toggle, html.dark-mode .mega-menu-panel, html.dark-mode .live-search-panel, html.dark-mode .primary-menu .sub-menu { background: var(--card); border-color: var(--line); } html.dark-mode .site-title-text small, html.dark-mode .no-menu-notice { color: var(--muted); } html.dark-mode .news-card, html.dark-mode .news-row, html.dark-mode .category-card, html.dark-mode .rank-card, html.dark-mode .related-card, html.dark-mode .result-row, html.dark-mode .widget, html.dark-mode .comment-form, html.dark-mode .rb-contact-form, html.dark-mode .stat-card, html.dark-mode .value-card, html.dark-mode .team-card, html.dark-mode .info-card, html.dark-mode .social-box, html.dark-mode .cta-box, html.dark-mode .no-results-block, html.dark-mode .pop-card, html.dark-mode .full-grid figure, html.dark-mode .author-full, html.dark-mode .newsletter-box { background: var(--card); border-color: var(--line); } html.dark-mode .newsletter-form input[type="email"], html.dark-mode .form-group input, html.dark-mode .form-group select, html.dark-mode .form-group textarea, html.dark-mode .comment-form input, html.dark-mode .comment-form-comment textarea, html.dark-mode .rb-contact-form input, html.dark-mode .rb-contact-form select, html.dark-mode .rb-contact-form textarea, html.dark-mode .live-search-input, html.dark-mode .search-box-big .search-form, html.dark-mode .error-search .search-form { background: #0d1420; border-color: var(--line); color: var(--ink); } html.dark-mode .news-card-tag, html.dark-mode .entry-content h2::before, html.dark-mode .section-title h2::before, html.dark-mode .archive-header h1::before { background: var(--accent); } html.dark-mode .pull-quote { background: rgba(181, 31, 42, 0.12); } html.dark-mode .single-article--opinion .pull-quote { background: rgba(233, 185, 73, 0.1); } html.dark-mode .tags-row a, html.dark-mode .related-tags a, html.dark-mode .suggest-links a, html.dark-mode .share-btn { background: #1c2638; color: #cbd3df; } html.dark-mode .sort-tabs a, html.dark-mode .filter-tabs a, html.dark-mode .pagination a, html.dark-mode .pagination span { background: var(--card); border-color: var(--line); color: var(--muted); } html.dark-mode .mega-menu-toggle, html.dark-mode .hamburger-icon, html.dark-mode .hamburger-icon::before, html.dark-mode .hamburger-icon::after { color: var(--ink); background: var(--ink); } html.dark-mode .top-bar { background: #060a12; } html.dark-mode .site-footer { background: #060a12; } html.dark-mode .map-box { background: linear-gradient(150deg, #1c2638, #0d1420); } html.dark-mode .map-box .grid-lines { background-image: repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.05) 0 1px, transparent 1px 40px), repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.05) 0 1px, transparent 1px 40px); } /* رنگ‌های ثابت مخصوص تصاویر placeholder گرادیانی که نباید در حالت شب زیادی روشن بمانند. */ html.dark-mode .hero-slide-media img, html.dark-mode .featured-img img, html.dark-mode .news-card-media img, html.dark-mode .news-row img, html.dark-mode .related-card img, html.dark-mode .media-card img { filter: brightness(0.88); }