/* ========================================
DARK MODE — Глобальная тёмная тема
Активируется классом .night-mode на
Переопределяет переменные из variables.css
======================================== */
/* --- Переопределение CSS-переменных для тёмного режима --- */
.night-mode {
--dark-gray: #e5e7eb;
--medium-gray: #9ca3af;
--light-gray: #1f2937;
--border-gray: #374151;
--white: #111827;
--emerald-50: color-mix(in srgb, var(--emerald) 10%, transparent);
--emerald-100: color-mix(in srgb, var(--emerald) 15%, transparent);
--danger-light: rgba(239, 68, 68, 0.12);
--warning-light: rgba(245, 158, 11, 0.12);
--success-light: color-mix(in srgb, var(--emerald) 12%, transparent);
--info-light: rgba(59, 130, 246, 0.12);
--amber-50: rgba(245, 158, 11, 0.12);
--cream-bg: #1f2937;
--shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.2);
--shadow-md: 0 4px 15px rgba(0, 0, 0, 0.3);
--shadow-lg: 0 10px 40px rgba(0, 0, 0, 0.4);
--shadow-xl: 0 20px 60px rgba(0, 0, 0, 0.5);
--shadow-modal: 0 25px 80px rgba(0, 0, 0, 0.6);
color-scheme: dark;
}
/* --- Базовый фон body --- */
.night-mode {
background-color: #111827;
color: #e5e7eb;
}
/* --- Тосты в тёмной теме: фиксированный светлый текст для читаемости --- */
.night-mode .toast.success {
color: #6ee7b7;
border-color: rgba(16, 185, 129, 0.45);
}
.night-mode .toast.error {
color: #fca5a5;
border-color: rgba(239, 68, 68, 0.45);
}
/* ========================================
ГЛОБАЛЬНЫЕ КОМПОНЕНТЫ
======================================== */
.night-mode #page-transition-overlay {
background: #0a0f1a;
}
.night-mode .custom-tooltip {
background: rgba(17, 24, 39, 0.95);
border-color: var(--gold);
color: #e5e7eb;
}
.night-mode .spinner {
border-color: #374151;
border-top-color: var(--emerald);
}
/* --- Access gate modal --- */
.night-mode .access-gate-modal {
background: #1f2937;
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4);
}
.night-mode .access-gate-modal h3 { color: #f3f4f6; }
.night-mode .access-gate-modal p { color: #9ca3af; }
/* --- Module user account --- */
.night-mode .module-auth-btn {
background: #1f2937;
border-color: #374151;
color: #9ca3af;
}
.night-mode .module-user-btn { background: color-mix(in srgb, var(--emerald) 15%, transparent); }
.night-mode .module-user-dropdown {
background: #1f2937;
border-color: #374151;
box-shadow: 0 8px 30px rgba(0, 0, 0, 0.4);
}
.night-mode .module-user-name { color: #f3f4f6; }
.night-mode .module-dropdown-divider { background: #374151; }
.night-mode .module-dropdown-item { color: #d1d5db; }
.night-mode .module-dropdown-item:hover { background: #374151; }
.night-mode .module-dropdown-item.danger { color: #f87171; }
.night-mode .module-dropdown-item.danger:hover { background: rgba(239, 68, 68, 0.12); }
/* ========================================
ФОРМЫ И ЭЛЕМЕНТЫ ВВОДА (глобально)
======================================== */
.night-mode input,
.night-mode textarea,
.night-mode select {
background-color: #1f2937;
border-color: #374151;
color: #e5e7eb;
}
/* Поисковые input'ы внутри контейнеров — прозрачный фон, наследуют от контейнера */
.night-mode .ifta-search-input,
.night-mode .hadith-search-input,
.night-mode .halal-search-input,
.night-mode .bm-search,
.night-mode .quran-sidebar-search input,
.night-mode .quran-sidebar-goto input {
background: transparent !important;
border: none !important;
box-shadow: none !important;
}
/* Инлайн-поисковик (со своим border) — тёмный фон + тёмная граница */
.night-mode .inline-search-input {
background: #1f2937;
border-color: #374151;
color: #e5e7eb;
}
.night-mode .inline-search-input:focus {
border-color: var(--emerald);
}
.night-mode input::placeholder,
.night-mode textarea::placeholder {
color: #6b7280;
}
.night-mode input:focus,
.night-mode textarea:focus,
.night-mode select:focus {
border-color: var(--emerald);
box-shadow: 0 0 0 2px color-mix(in srgb, var(--emerald) 15%, transparent);
}
.night-mode .form-select {
background-color: #1f2937;
border-color: #374151;
color: #e5e7eb;
}
/* ========================================
КНОПКИ
======================================== */
.night-mode .btn-secondary,
.night-mode button.secondary {
background: #1f2937;
border-color: #374151;
color: #d1d5db;
}
.night-mode .btn-secondary:hover,
.night-mode button.secondary:hover {
background: #374151;
}
/* ========================================
КАРТОЧКИ И КОНТЕЙНЕРЫ
======================================== */
.night-mode .card,
.night-mode .panel,
.night-mode .box {
background: #1f2937;
border-color: #374151;
}
/* ========================================
ССЫЛКИ
======================================== */
.night-mode a { color: var(--emerald-light, #10b981); }
.night-mode a:hover { color: var(--emerald, #059669); }
/* ========================================
ТАБЛИЦЫ
======================================== */
.night-mode table { border-color: #374151; }
.night-mode th {
background: #1f2937;
color: #e5e7eb;
border-color: #374151;
}
.night-mode td {
border-color: #374151;
color: #d1d5db;
}
.night-mode tr:hover { background: rgba(255, 255, 255, 0.03); }
/* ========================================
СКРОЛЛБАРЫ
======================================== */
.night-mode ::-webkit-scrollbar { width: 8px; height: 8px; }
.night-mode ::-webkit-scrollbar-track { background: #111827; }
.night-mode ::-webkit-scrollbar-thumb { background: #374151; border-radius: 4px; }
.night-mode ::-webkit-scrollbar-thumb:hover { background: #4b5563; }
/* ========================================
FOOTER (уже тёмный — немного темнее)
======================================== */
.night-mode .module-footer,
.night-mode .hadith-footer,
.night-mode .ifta-footer,
.night-mode .halal-footer {
background: #0f172a;
border-top-color: #1f2937;
}
/* ========================================
ЯЗЫК / LANG SWITCHER (все модули)
======================================== */
.night-mode .lang-trigger {
background: #1f2937;
border-color: #374151;
color: #d1d5db;
}
.night-mode .lang-trigger:hover,
.night-mode .lang-trigger.open {
border-color: var(--emerald);
color: var(--emerald);
}
.night-mode .lang-dropdown {
background: #1f2937;
border-color: #374151;
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
}
.night-mode .lang-option + .lang-option { border-top-color: #374151; }
.night-mode .lang-option:hover,
.night-mode .lang-option.active { background: color-mix(in srgb, var(--emerald) 12%, transparent); }
.night-mode .lang-opt-code { color: #9ca3af; }
.night-mode .lang-opt-name { color: #d1d5db; }
.night-mode .lang-option.active .lang-opt-name { color: var(--emerald-light); }
/* ========================================
ГЛАВНАЯ СТРАНИЦА (index.html)
======================================== */
/* --- Главная: body gradient, hero, ecosystem --- */
.night-mode {
background: #111827 !important;
}
.night-mode .hero-section,
.night-mode .ecosystem-section { background: #111827; }
/* --- Футер главной --- */
.night-mode footer {
background: #0f172a;
color: #9ca3af;
}
.night-mode footer a {
color: #6b9e8a;
}
.night-mode footer a:hover {
color: #d4b574;
}
/* --- Орбита модулей --- */
.night-mode .outer-node {
background: #1f2937;
border-color: #374151;
}
.night-mode .outer-node:hover {
border-color: var(--emerald);
box-shadow: 0 6px 30px color-mix(in srgb, var(--emerald) 20%, transparent);
}
.night-mode .outer-node:hover .node-arabic { color: #a7f3d0; }
.night-mode .outer-node:hover .node-sub { color: #d1d5db; }
.night-mode .node-arabic { color: #e5e7eb; }
.night-mode .node-sub { color: #9ca3af; }
/* --- Поиск --- */
.night-mode .search-input {
background: #1f2937;
border-color: #374151;
color: #e5e7eb;
}
.night-mode .search-input:focus { border-color: var(--emerald); }
/* --- Модалка авторизации --- */
.night-mode .modal-container {
background: #1f2937;
box-shadow: 0 25px 80px rgba(0, 0, 0, 0.5);
}
.night-mode .modal-title { color: #f3f4f6; }
.night-mode .modal-subtitle { color: #9ca3af; }
.night-mode .modal-close:hover { background: #374151; }
.night-mode .form-input {
background: #111827;
border-color: #374151;
color: #e5e7eb;
}
.night-mode .form-input::placeholder { color: #6b7280; }
.night-mode .btn-oauth {
background: #111827;
border-color: #374151;
color: #d1d5db;
}
.night-mode .btn-oauth:hover { background: #1f2937; }
/* --- Dropdown пользователя --- */
.night-mode .user-dropdown {
background: #1f2937;
border-color: #374151;
box-shadow: 0 8px 30px rgba(0, 0, 0, 0.4);
}
/* ========================================
ХАДИСЫ — МОДУЛЬ
======================================== */
/* --- Фон страницы --- */
.night-mode .hadith-page {
background-color: #111827;
color: #e5e7eb;
}
/* --- Хедер --- */
.night-mode .hadith-header {
background: #1a1f2e;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
}
/* --- Табы --- */
.night-mode .hadith-nav-tabs {
border-bottom-color: #374151;
background: #151b2b;
}
.night-mode .hadith-tab { color: #9ca3af; }
.night-mode .hadith-tab:hover {
color: var(--emerald-light);
background: color-mix(in srgb, var(--emerald) 8%, transparent);
}
.night-mode .hadith-tab.active { color: var(--emerald); }
/* ==========================================================
АТЛАС — платформенная обвязка страницы (шапка/табы).
Рабочая область .atl-root темизируется собственными
--atl-* (atlas-themes.css) и от .night-mode не зависит.
========================================================== */
.night-mode .atlas-page {
background-color: #111827;
color: #e5e7eb;
}
.night-mode .atlas-header {
background: #1a1f2e;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
}
.night-mode .atlas-nav-tabs {
border-bottom-color: #374151;
background: #151b2b;
}
.night-mode .atlas-tab { color: #9ca3af; }
.night-mode .atlas-tab:hover {
color: var(--emerald-light);
background: color-mix(in srgb, var(--emerald) 8%, transparent);
}
.night-mode .atlas-tab.active { color: var(--emerald); }
.night-mode .atl-theme-btn { color: #9ca3af; }
.night-mode .atl-theme-btn:hover {
color: var(--emerald-light);
background: color-mix(in srgb, var(--emerald) 8%, transparent);
}
/* --- Статистика --- */
.night-mode .hadith-stats-bar {
background: color-mix(in srgb, var(--emerald) 10%, transparent);
border-color: color-mix(in srgb, var(--emerald) 25%, transparent);
color: #a7f3d0;
}
/* --- Сайдбар коллекций --- */
.night-mode .hadith-sidebar-title {
color: #9ca3af;
border-bottom-color: #374151;
}
.night-mode .hadith-collection-item { border-bottom-color: #1f2937; }
.night-mode .hadith-collection-item:hover { background: color-mix(in srgb, var(--emerald) 6%, transparent); }
.night-mode .hadith-collection-item.active {
background: color-mix(in srgb, var(--emerald) 10%, transparent);
}
.night-mode .collection-name-ru { color: #e5e7eb; }
.night-mode .collection-name-ar { color: #9ca3af; }
.night-mode .collection-count { color: #6b7280; }
/* --- Intro коллекции --- */
.night-mode .collection-title-ar,
.night-mode .collection-title-ru { color: #e5e7eb; }
.night-mode .collection-author { color: #d1d5db; }
.night-mode .author-dates { color: #9ca3af; }
.night-mode .collection-desc { color: #d1d5db; }
.night-mode .collection-meta { color: #9ca3af; }
/* --- Навигация (селекты) --- */
.night-mode .hadith-select-group label { color: #d1d5db; }
.night-mode .hadith-select-group select {
background: #1f2937;
color: #e5e7eb;
border-color: #374151;
}
.night-mode .hadith-select-fullname { color: #9ca3af; }
.night-mode .hadith-toggle { color: #d1d5db; }
/* --- Карточки хадисов --- */
.night-mode .hadith-card {
background: #1a1f2e;
border-color: #2d3548;
}
.night-mode .hadith-num-label { color: #6b7280; }
.night-mode .hadith-matn { color: #f0e6d3; }
.night-mode .hadith-translation {
color: #d1d5db;
background: #151b2b;
border-left-color: var(--emerald);
}
.night-mode .hadith-translation-toggle {
border-color: #374151;
color: var(--emerald-light);
}
.night-mode .hadith-translation-toggle:hover {
background: color-mix(in srgb, var(--emerald) 10%, transparent);
}
/* --- Кнопки действий --- */
.night-mode .hadith-action-btn {
background: #1f2937;
border-color: #374151;
color: #9ca3af;
}
.night-mode .hadith-action-btn:hover {
background: color-mix(in srgb, var(--emerald) 10%, transparent);
border-color: var(--emerald);
color: var(--emerald-light);
}
/* --- Саб-табы --- */
.night-mode .hadith-sub-tab {
background: #1f2937;
border-color: #374151;
color: #9ca3af;
}
.night-mode .hadith-sub-tab:hover {
background: color-mix(in srgb, var(--emerald) 8%, transparent);
border-color: var(--emerald);
}
.night-mode .hadith-sub-tab.active {
background: var(--emerald);
color: #fff;
}
/* --- Бейджи оценок --- */
.night-mode .hadith-grade-badge.sahih {
background: color-mix(in srgb, var(--emerald) 15%, transparent);
color: #6ee7b7;
}
.night-mode .hadith-grade-badge.hasan {
background: rgba(197, 160, 89, 0.15);
color: #fde68a;
}
.night-mode .hadith-grade-badge.daif_jiddan,
.night-mode .hadith-grade-badge.mawdu {
background: rgba(239, 68, 68, 0.15);
color: #fca5a5;
}
/* --- Муккадима --- */
.night-mode .muqaddima-paragraph.muqaddima-ar { color: #f0e6d3; }
.night-mode .muqaddima-paragraph.muqaddima-ru {
background: #151b2b;
color: #d1d5db;
}
/* --- Секции хадисов --- */
.night-mode .hadith-pre-text {
background: #151b2b;
}
.night-mode .pre-text-body { color: #d1d5db; }
.night-mode .hadith-section-title {
background: #151b2b;
color: var(--emerald-light);
}
/* --- Поиск хадисов --- */
.night-mode .hadith-search-icon { color: #6b7280; }
.night-mode .hadith-search-input { color: #e5e7eb; }
.night-mode .hadith-search-input::placeholder { color: #6b7280; }
.night-mode .hadith-search-count { color: #9ca3af; }
.night-mode .hadith-search-clear {
background: #374151;
color: #9ca3af;
}
.night-mode .hadith-search-clear:hover {
background: #4b5563;
color: #e5e7eb;
}
.night-mode .hadith-search-hint { color: #6b7280; }
/* --- Пустое состояние --- */
.night-mode .hadith-empty { color: #6b7280; }
.night-mode .hadith-empty-title { color: #d1d5db; }
.night-mode .hadith-empty-sub { color: #6b7280; }
/* --- Модалка рассказчика (Narrator modal) --- */
.night-mode .narrator-modal-close {
background: #374151;
color: #9ca3af;
}
.night-mode .narrator-modal-close:hover {
background: #4b5563;
color: #e5e7eb;
}
.night-mode .narrator-modal-name-ar { color: #f0e6d3; }
.night-mode .narrator-modal-name-ru { color: #d1d5db; }
.night-mode .narrator-modal-dates { color: #9ca3af; }
.night-mode .narrator-modal-aliases { color: #9ca3af; }
.night-mode .narrator-modal-bio { color: #d1d5db; }
.night-mode .narrator-modal-section-title { color: #6b7280; }
.night-mode .narrator-link-item:hover { background: color-mix(in srgb, var(--emerald) 10%, transparent); }
.night-mode .narrator-jarh-table th {
color: #9ca3af;
border-bottom-color: #374151;
}
.night-mode .narrator-jarh-table td {
border-bottom-color: #1f2937;
color: #d1d5db;
}
.night-mode .narrator-jarh-grade-ar { color: #e5e7eb; }
.night-mode .narrator-jarh-grade-ru { color: #9ca3af; }
.night-mode .narrator-hadith-label { color: #9ca3af; }
.night-mode .narrator-sources li {
color: #9ca3af;
background: #151b2b;
}
.night-mode .narrator-modal-loading { color: #9ca3af; }
.night-mode .narrator-modal-spinner { border-color: #374151; }
/* --- Мета-бейджи рассказчика --- */
.night-mode .narrator-modal-meta .narrator-meta-badge,
.night-mode .rijal-meta-badge {
background: #1f2937;
color: #d1d5db;
}
/* --- Улюм --- */
.night-mode .ulum-card-icon {
background: color-mix(in srgb, var(--emerald) 12%, transparent);
}
.night-mode .ulum-card-title-ar,
.night-mode .ulum-card-title { color: #e5e7eb; }
.night-mode .ulum-card-title-ru { color: #d1d5db; }
.night-mode .ulum-card-desc { color: #9ca3af; }
.night-mode .ulum-card-count { background: color-mix(in srgb, var(--emerald) 12%, transparent); }
.night-mode .ulum-section-header {
background: #151b2b;
border-bottom-color: #374151;
}
.night-mode .ulum-section-header:hover { background: color-mix(in srgb, var(--emerald) 6%, transparent); }
.night-mode .ulum-back-btn {
background: #1f2937;
color: #9ca3af;
}
.night-mode .ulum-back-btn:hover {
background: color-mix(in srgb, var(--emerald) 10%, transparent);
color: var(--emerald-light);
}
.night-mode .ulum-section-title-ar { color: #e5e7eb; }
.night-mode .ulum-section-title-ru { color: #d1d5db; }
.night-mode .ulum-article-item { border-bottom-color: #1f2937; }
.night-mode .ulum-article-item:hover { background: #151b2b; }
.night-mode .ulum-article-title-ar { color: #e5e7eb; }
.night-mode .ulum-article-title-ru,
.night-mode .ulum-article-title { color: #d1d5db; }
.night-mode .ulum-article-status.published { background: color-mix(in srgb, var(--emerald) 15%, transparent); color: #6ee7b7; }
.night-mode .ulum-article-status.draft { background: rgba(197, 160, 89, 0.15); color: #fde68a; }
.night-mode .ulum-article-status.planned { background: #374151; color: #9ca3af; }
.night-mode .ulum-article-arrow { color: #6b7280; }
.night-mode .ulum-article-heading-ar { color: #f0e6d3; }
.night-mode .ulum-article-heading-ru { color: #d1d5db; }
.night-mode .ulum-article-body { color: #d1d5db; }
.night-mode .ulum-article-body h3 { color: #e5e7eb; }
.night-mode .ulum-quote {
background: #151b2b;
color: #e5e7eb;
}
.night-mode .ulum-empty { color: #6b7280; }
.night-mode .ulum-empty-title { color: #d1d5db; }
/* --- Тахридж --- */
.night-mode .takhrij-input h2 { color: #e5e7eb; }
.night-mode .takhrij-desc { color: #9ca3af; }
.night-mode .takhrij-textarea-wrap textarea {
background: #1f2937;
color: #e5e7eb;
}
.night-mode .takhrij-textarea-wrap textarea::placeholder { color: #6b7280; }
.night-mode .takhrij-lang-hint { color: #6b7280; }
.night-mode .takhrij-option { color: #d1d5db; }
.night-mode .takhrij-summary {
background: color-mix(in srgb, var(--emerald) 10%, transparent);
border-color: color-mix(in srgb, var(--emerald) 25%, transparent);
color: #a7f3d0;
}
.night-mode .takhrij-summary b { color: #6ee7b7; }
.night-mode .takhrij-group-title {
background: #151b2b;
}
.night-mode .takhrij-collection-name { color: #e5e7eb; }
.night-mode .takhrij-group-count { background: color-mix(in srgb, var(--emerald) 12%, transparent); }
.night-mode .takhrij-item { border-bottom-color: #1f2937; }
.night-mode .takhrij-item-num { color: #d1d5db; }
.night-mode .takhrij-match-badge.exact { background: color-mix(in srgb, var(--emerald) 15%, transparent); color: #6ee7b7; }
.night-mode .takhrij-match-badge.similar { background: rgba(197, 160, 89, 0.15); color: #fde68a; }
.night-mode .takhrij-match-badge.mention { background: #374151; color: #9ca3af; }
.night-mode .takhrij-item-kitab { color: #6b7280; }
.night-mode .takhrij-item-text { color: #e5e7eb; background: #151b2b; }
.night-mode .takhrij-item-diff { color: #9ca3af; }
.night-mode .takhrij-loading { color: #9ca3af; }
.night-mode .takhrij-spinner { border-color: #374151; }
.night-mode .takhrij-no-results { color: #6b7280; }
.night-mode .takhrij-no-results-title { color: #d1d5db; }
.night-mode .takhrij-no-results-hint { color: #6b7280; }
.night-mode .takhrij-popup { background: #1f2937; }
.night-mode .takhrij-popup-header { border-bottom-color: #374151; }
.night-mode .takhrij-popup-title { color: #e5e7eb; }
.night-mode .takhrij-popup-close { color: #6b7280; }
.night-mode .takhrij-popup-close:hover { color: #e5e7eb; background: #374151; }
.night-mode .takhrij-popup-matn { color: #f0e6d3; background: #151b2b; }
.night-mode .takhrij-popup-kitab { color: #6b7280; }
.night-mode .takhrij-popup-transl { color: #d1d5db; border-top-color: #374151; }
.night-mode .takhrij-popup-footer { border-top-color: #374151; }
.night-mode .takhrij-ref-badge.exact { background: color-mix(in srgb, var(--emerald) 15%, transparent); border-color: color-mix(in srgb, var(--emerald) 40%, transparent); color: #6ee7b7; }
.night-mode .takhrij-ref-badge.similar { background: rgba(245, 158, 11, 0.15); border-color: rgba(245, 158, 11, 0.4); color: #fde68a; }
.night-mode .takhrij-ref-badge.related { background: #374151; border-color: #4b5563; color: #9ca3af; }
/* --- Риджаль --- */
.night-mode .alpha-btn {
background: #1f2937;
color: #d1d5db;
}
.night-mode .alpha-btn:hover {
background: color-mix(in srgb, var(--emerald) 8%, transparent);
color: var(--emerald-light);
}
.night-mode .rijal-filters select {
background: #1f2937;
color: #d1d5db;
}
.night-mode .rijal-filter-reset {
background: #1f2937;
color: #9ca3af;
}
.night-mode .rijal-filter-reset:hover {
background: #374151;
color: #e5e7eb;
}
.night-mode .rijal-sidebar-title {
color: #9ca3af;
border-bottom-color: #374151;
}
.night-mode .rijal-letter-header {
background: #151b2b;
border-bottom-color: #374151;
}
.night-mode .rijal-name-item { border-bottom-color: #1f2937; }
.night-mode .rijal-name-item:hover { background: color-mix(in srgb, var(--emerald) 6%, transparent); }
.night-mode .rijal-name-item.active { background: color-mix(in srgb, var(--emerald) 10%, transparent); }
.night-mode .rijal-name-ar { color: #f0e6d3; }
.night-mode .rijal-name-local { color: #9ca3af; }
.night-mode .rijal-name-main { color: #e5e7eb; }
.night-mode .rijal-bio-name-ar { color: #f0e6d3; }
.night-mode .rijal-bio-name-ru,
.night-mode .rijal-bio-name-main { color: #e5e7eb; }
.night-mode .rijal-bio-name-sub { color: #9ca3af; }
.night-mode .rijal-hukm-badge.grade-thiqah {
background: color-mix(in srgb, var(--emerald) 12%, transparent);
border-color: color-mix(in srgb, var(--emerald) 30%, transparent);
color: #6ee7b7;
}
.night-mode .rijal-bio-dates { color: #9ca3af; }
.night-mode .rijal-bio-text {
color: #d1d5db !important;
background: #111827 !important;
border-right-color: #f59e0b !important;
}
.night-mode .rijal-bio-card {
background: #0f172a;
border-color: #374151;
color: #d1d5db;
}
.night-mode .rijal-source-header { border-bottom-color: #374151; }
.night-mode .rijal-source-name-ar { color: #f0e6d3; }
.night-mode .rijal-source-name-ru { color: #9ca3af; }
.night-mode .rijal-fields {
background: #111827 !important;
border: 1px solid #374151;
}
.night-mode .rijal-field { color: #d1d5db; }
.night-mode .rijal-field b { color: #9ca3af; }
.night-mode .rijal-rumuz {
background: #1e3a8a !important;
color: #bfdbfe !important;
}
.night-mode .rijal-rumuz .rumuz-code { color: #bfdbfe !important; }
.night-mode .rijal-rumuz.unknown {
background: #1f2937 !important;
color: #9ca3af !important;
}
.night-mode .rijal-rumuz {
background: #1f2937;
color: #e5e7eb;
border-color: #374151;
}
.night-mode .rijal-src-count {
background: #1e3a8a !important;
color: #bfdbfe !important;
}
.night-mode .rijal-bio-section-title { color: #6b7280; }
.night-mode .rijal-link-item:hover { background: color-mix(in srgb, var(--emerald) 10%, transparent); }
.night-mode .rijal-jarh-table th { color: #9ca3af; border-bottom-color: #374151; }
.night-mode .rijal-jarh-table td { color: #d1d5db; border-bottom-color: #1f2937; }
.night-mode .rijal-jarh-grade { color: #e5e7eb; }
.night-mode .rijal-jarh-grade-ru { color: #9ca3af; }
.night-mode .rijal-empty { color: #6b7280; }
.night-mode .rijal-empty-title { color: #d1d5db; }
.night-mode .rijal-loading { color: #9ca3af; }
/* ========================================
ИФТА — МОДУЛЬ (Фетвы)
======================================== */
/* --- Фон страницы --- */
.night-mode .ifta-page {
background-color: #111827;
color: #e5e7eb;
}
/* --- Хедер --- */
.night-mode .ifta-header {
background: #1a1f2e;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
}
/* --- Субменю --- */
.night-mode .ifta-submenu {
border-bottom-color: #374151;
background: #151b2b;
}
.night-mode .ifta-submenu-tab { color: #9ca3af; }
.night-mode .ifta-submenu-tab:hover {
color: var(--emerald-light);
background: color-mix(in srgb, var(--emerald) 8%, transparent);
}
/* --- Статистика --- */
.night-mode .ifta-stats-bar {
background: color-mix(in srgb, var(--emerald) 10%, transparent);
border-color: color-mix(in srgb, var(--emerald) 25%, transparent);
color: #a7f3d0;
}
/* --- Поиск --- */
.night-mode .ifta-search-input { color: #e5e7eb; }
.night-mode .ifta-search-input::placeholder { color: #6b7280; }
.night-mode .ifta-search-icon { color: #6b7280; }
.night-mode .ifta-search-count { color: #9ca3af; }
.night-mode .ifta-search-clear {
background: #374151;
color: #9ca3af;
}
.night-mode .ifta-search-clear:hover {
background: #4b5563;
color: #e5e7eb;
}
.night-mode .ifta-search-hint { color: #6b7280; }
.night-mode .ifta-search-results {
background: #1f2937;
box-shadow: 0 16px 50px rgba(0, 0, 0, 0.4);
}
.night-mode .search-results-footer {
background: #151b2b;
}
.night-mode .search-results-footer kbd {
background: #1f2937;
border-color: #374151;
}
.night-mode .ifta-inline-results-inner { background: #1f2937; }
/* --- Карточки тем --- */
.night-mode .ifta-topic-card {
background: #1a1f2e;
border-color: #2d3548;
}
.night-mode .ifta-topic-card:hover {
box-shadow: 0 6px 28px rgba(0, 0, 0, 0.3);
}
.night-mode .ifta-topic-count {
background: #374151;
}
.night-mode .ifta-tag {
background: #374151;
}
.night-mode .ifta-topic-footer {
border-top-color: #2d3548;
}
/* --- Фильтры --- */
.night-mode .filter-pill,
.night-mode .filter-pill-main {
background: #1f2937;
border-color: #374151;
}
.night-mode .filter-pill:hover,
.night-mode .filter-pill-main:hover {
border-color: var(--emerald);
}
.night-mode .pill-count {
background: rgba(255, 255, 255, 0.08);
}
.night-mode .group-count {
background: #374151;
}
/* --- Инлайн (breadcrumbs, search) --- */
.night-mode .bc-item { color: #9ca3af; }
.night-mode .bc-current { color: #e5e7eb; }
.night-mode .bc-sep { color: #4b5563; }
.night-mode .inline-title { color: #e5e7eb; }
.night-mode .inline-desc { color: #9ca3af; }
.night-mode .inline-desc strong { color: #d1d5db; }
.night-mode .inline-search-input {
border-color: #374151;
background: #1f2937;
color: #e5e7eb;
}
.night-mode .inline-search-input::placeholder { color: #6b7280; }
.night-mode .inline-search-icon { color: #6b7280; }
.night-mode .inline-filters .filter-pill {
background: #1f2937;
border-color: #374151;
color: #9ca3af;
}
.night-mode .inline-list-item {
background: #1a1f2e;
}
.night-mode .inline-list-item:hover {
background: color-mix(in srgb, var(--emerald) 8%, transparent);
border-color: color-mix(in srgb, var(--emerald) 25%, transparent);
}
.night-mode .inline-list-item--fatwa {
border-color: #2d3548;
}
.night-mode .inline-item-title { color: #e5e7eb; }
.night-mode .inline-item-count { color: #6b7280; }
.night-mode .inline-mini-tag {
background: #374151;
color: #9ca3af;
}
.night-mode .inline-item-bookmark { color: #4b5563; }
.night-mode .inline-empty-title { color: #e5e7eb; }
.night-mode .inline-empty-sub { color: #9ca3af; }
.night-mode .book-nav-btn {
border-color: color-mix(in srgb, var(--emerald) 25%, transparent);
background: #1f2937;
}
.night-mode .book-nav-btn:hover {
background: color-mix(in srgb, var(--emerald) 10%, transparent);
}
/* --- Модалка фетвы --- */
.night-mode .modal-content {
background: #1a1f2e;
}
.night-mode .modal-sticky-header {
background: #1a1f2e;
border-bottom-color: #374151;
}
.night-mode #question-modal .modal-content { background: #1a1f2e; }
.night-mode .modal-close {
color: #9ca3af;
background: rgba(255, 255, 255, 0.05);
}
.night-mode .modal-close:hover {
color: #e5e7eb;
background: color-mix(in srgb, var(--emerald) 12%, transparent);
}
.night-mode .modal-title,
.night-mode .modal-sticky-left .modal-title { color: #e5e7eb; }
.night-mode .modal-description { color: #9ca3af; }
.night-mode .modal-search-input {
border-color: #374151;
background: #1f2937;
}
.night-mode .modal-search-input::placeholder { color: #6b7280; }
.night-mode .modal-list li {
background: #1f2937;
border-color: #374151;
}
.night-mode .modal-list li:hover {
border-color: var(--emerald);
background: color-mix(in srgb, var(--emerald) 8%, transparent);
}
/* --- Мета-теги (чипы) --- */
.night-mode .fatwa-meta-chip.category {
background: color-mix(in srgb, var(--emerald) 10%, transparent);
color: #6b9e8a;
border-color: color-mix(in srgb, var(--emerald) 20%, transparent);
}
.night-mode .fatwa-meta-chip.madhab {
background: rgba(59, 130, 246, 0.1);
color: #7daadb;
border-color: rgba(59, 130, 246, 0.2);
}
.night-mode .fatwa-meta-chip.tag {
background: #1f2937;
color: #6b7280;
border-color: #374151;
}
/* --- Языковые вкладки --- */
.night-mode .fatwa-lang-tabs {
border-bottom-color: #374151;
}
.night-mode .fatwa-lang-tab {
color: #4b5563;
}
.night-mode .fatwa-lang-tab:hover {
color: #6b7280;
background: rgba(255, 255, 255, 0.03);
}
.night-mode .fatwa-lang-tab.active {
color: #6b9e8a;
background: color-mix(in srgb, var(--emerald) 6%, transparent);
border-bottom-color: #6b9e8a;
}
/* --- Секция-лейбл (ВОПРОС / ОТВЕТ) --- */
.night-mode .fatwa-section-label {
background: #1f2937;
color: #4b5563;
border-color: #374151;
}
/* --- Заголовок вопроса --- */
.night-mode .fatwa-question-title {
color: #9ca3af;
}
/* --- Содержимое фетвы --- */
.night-mode .fatwa-question-block {
background: rgba(255, 255, 255, 0.04);
}
.night-mode .fatwa-question-label { color: #9ca3af; }
.night-mode .fatwa-question-text { color: #9ca3af; }
.night-mode .fatwa-question-body { color: #9ca3af; }
.night-mode .fatwa-answer-title { color: var(--emerald-light); }
.night-mode .fatwa-badge {
background: color-mix(in srgb, var(--emerald) 10%, transparent);
color: #6b9e8a;
}
.night-mode .fatwa-body { color: #b0b5be; }
.night-mode .fatwa-body .fatwa-section-title,
.night-mode .fatwa-body h1,
.night-mode .fatwa-body h2,
.night-mode .fatwa-body h3 { color: #d1d5db; }
/* --- Ответ: арабский заголовок (الجواب حامداً ومصلياً) --- */
.night-mode .fatwa-answer-header {
background: color-mix(in srgb, var(--emerald) 6%, transparent);
border-color: color-mix(in srgb, var(--emerald) 15%, transparent);
color: #6b9e8a;
}
/* --- Ответ: русский текст --- */
.night-mode .fatwa-answer-body {
color: #9ca3af;
}
/* --- Рекомендация --- */
.night-mode .fatwa-recommendation-block {
background: rgba(245, 158, 11, 0.08);
border-left-color: #fbbf24;
}
.night-mode .fatwa-recommendation-label { color: #fbbf24; }
.night-mode .fatwa-recommendation-text { color: #d4b574; }
/* --- Инфо-блок --- */
.night-mode .fatwa-info-block {
background: rgba(59, 130, 246, 0.08);
border-left-color: #60a5fa;
}
.night-mode .fatwa-info-label { color: #7daadb; }
.night-mode .fatwa-info-content { color: #7daadb; }
/* --- Источники (header + body) --- */
.night-mode .fatwa-sources-section {
border-color: color-mix(in srgb, var(--emerald) 20%, transparent);
}
.night-mode .fatwa-sources-header {
background: color-mix(in srgb, var(--emerald) 6%, transparent);
color: #6b9e8a;
border-bottom-color: color-mix(in srgb, var(--emerald) 15%, transparent);
}
.night-mode .fatwa-sources-body {
background: #151b2b;
}
.night-mode .fatwa-sources-block {
background: rgba(212, 175, 55, 0.06);
border-left-color: var(--gold);
}
.night-mode .fatwa-sources-title { color: #d4b574; }
.night-mode .fatwa-arabic-text {
color: #d4c9a8;
background: rgba(212, 175, 55, 0.05);
}
.night-mode .fatwa-book-title { color: #d4b574; }
.night-mode .arabic-term { color: var(--emerald-light); }
.night-mode .arabic-translation {
background: color-mix(in srgb, var(--emerald) 6%, transparent) !important;
color: #b0b5be !important;
}
/* --- Закрытие / подпись --- */
.night-mode .fatwa-closing { border-top-color: #374151; }
.night-mode .fatwa-closing-arabic { color: #6b9e8a; }
.night-mode .fatwa-closing-russian { color: #6b7280; }
.night-mode .fatwa-source { border-top-color: #374151; }
/* --- Разделитель секций --- */
.night-mode .fatwa-section-divider::before,
.night-mode .fatwa-section-divider::after {
background: #374151;
}
.night-mode .fatwa-section-divider-icon { color: #6b9e8a; }
/* --- Цитаты (blockquote) --- */
.night-mode .fatwa-answer-body blockquote,
.night-mode .fatwa-question-body blockquote,
.night-mode .fatwa-recommendation-text blockquote,
.night-mode .fatwa-advice-text blockquote {
background: color-mix(in srgb, var(--emerald) 6%, transparent);
border-left-color: #6ee7b7;
color: #b0b5be;
}
/* --- Басмала --- */
.night-mode .fatwa-bismillah { color: #6b9e8a; }
/* --- Форма вопроса (ifta-form) --- */
.night-mode .form-group label { color: #d1d5db; }
.night-mode .form-group .form-hint { color: #6b7280; }
.night-mode .form-group input,
.night-mode .form-group textarea {
border-color: #374151;
background: #1f2937;
color: #e5e7eb;
}
.night-mode .form-group input:focus,
.night-mode .form-group textarea:focus {
border-color: var(--emerald);
background: #1f2937;
}
.night-mode .file-drop-zone {
border-color: #374151;
background: #151b2b;
}
.night-mode .file-drop-zone:hover { border-color: var(--emerald); }
.night-mode .file-drop-icon { color: #4b5563; }
.night-mode .file-drop-text { color: #9ca3af; }
.night-mode .file-drop-hint { color: #6b7280; }
.night-mode .file-item { background: #1f2937; }
.night-mode .file-item-name { color: #d1d5db; }
.night-mode .file-item-size { color: #6b7280; }
.night-mode .file-item-remove { color: #4b5563; }
.night-mode .file-item-remove:hover { background: rgba(239, 68, 68, 0.12); color: #f87171; }
.night-mode .captcha-question {
color: #a7f3d0;
background: color-mix(in srgb, var(--emerald) 10%, transparent);
border-color: color-mix(in srgb, var(--emerald) 20%, transparent);
}
.night-mode .captcha-refresh {
border-color: #374151;
background: #1f2937;
color: #9ca3af;
}
.night-mode .success-message p { color: #a7f3d0; }
.night-mode .success-message .success-sub { color: #9ca3af; }
/* --- Популярные фетвы --- */
.night-mode .popular-fatwa-card {
background: #1a1f2e;
border-color: #2d3548;
}
.night-mode .popular-fatwa-card:hover { border-color: var(--emerald); }
.night-mode .popular-fatwa-cat {
background: color-mix(in srgb, var(--emerald) 12%, transparent);
}
.night-mode .popular-fatwa-title { color: #e5e7eb; }
/* ========================================
ХАЛЯЛЬ — МОДУЛЬ
======================================== */
/* --- Фон страницы --- */
.night-mode .halal-page {
background-color: #111827;
color: #e5e7eb;
}
/* --- Хедер --- */
.night-mode .halal-header {
background: #1a1f2e;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
}
/* --- Табы --- */
.night-mode .halal-nav-tabs {
border-bottom-color: #374151;
background: #151b2b;
}
.night-mode .halal-nav-tab { color: #9ca3af; }
.night-mode .halal-nav-tab:hover {
color: var(--emerald-light);
background: color-mix(in srgb, var(--emerald) 8%, transparent);
}
.night-mode .halal-nav-btn.secondary {
background: #1f2937;
color: var(--emerald-light);
}
.night-mode .halal-nav-btn.secondary:hover {
background: color-mix(in srgb, var(--emerald) 10%, transparent);
}
/* --- Hero / Поиск --- */
.night-mode .halal-hero { background: #111827; }
.night-mode .halal-search-input { color: #e5e7eb; }
.night-mode .halal-search-input::placeholder { color: #6b7280; }
.night-mode .halal-search-icon { color: #6b7280; }
.night-mode .halal-search-hint { color: #6b7280; }
/* --- Quick Access --- */
.night-mode .quick-card {
background: #1a1f2e;
border-color: #2d3548;
}
.night-mode .quick-card:hover { border-color: var(--emerald); }
/* --- Каталог --- */
.night-mode .halal-catalog { background: #111827; }
.night-mode .filter-select,
.night-mode .filter-input {
border-color: #374151;
background: #1f2937;
color: #e5e7eb;
}
.night-mode .product-card {
background: #1a1f2e;
border-color: #2d3548;
}
.night-mode .product-image { background: #1f2937; }
.night-mode .catalog-controls { background: #151b2b; }
.night-mode .filter-btn {
border-color: var(--emerald);
color: var(--emerald-light);
}
.night-mode .filter-btn:hover {
background: color-mix(in srgb, var(--emerald) 10%, transparent);
}
/* --- Статусы (халяль/харам/сомнительный) --- */
.night-mode .status-halal { background: color-mix(in srgb, var(--emerald) 15%, transparent); color: #6ee7b7; }
.night-mode .status-haram { background: rgba(239, 68, 68, 0.15); color: #fca5a5; }
.night-mode .status-doubtful,
.night-mode .status-mushbooh { background: rgba(245, 158, 11, 0.15); color: #fde68a; }
.night-mode .status-unchecked { background: #374151; color: #9ca3af; }
/* --- Ингредиенты --- */
.night-mode .ing-card {
background: #1a1f2e;
border-color: #2d3548;
}
.night-mode .ing-card:hover {
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
}
.night-mode .ing-bookmark-btn { color: #4b5563; }
.night-mode .ingredient-meta { background: #151b2b; }
.night-mode .ing-cat-chip {
border-color: #374151;
background: #1f2937;
color: #d1d5db;
}
.night-mode .ing-cat-chip:hover { background: color-mix(in srgb, var(--emerald) 8%, transparent); }
.night-mode .ing-cat-chip.active {
background: var(--emerald);
color: #fff;
}
.night-mode .ing-chip-count {
background: #374151;
color: #9ca3af;
}
.night-mode .ing-cat-sep-line { background: #374151; }
.night-mode .ing-cat-sep-name { color: #6b7280; }
.night-mode .ing-cat-sep-count { color: #4b5563; background: #1f2937; }
.night-mode .fatwa-box {
background: color-mix(in srgb, var(--emerald) 6%, transparent);
color: #a7f3d0;
}
/* --- Продукты --- */
.night-mode .composition-container {
background: #151b2b !important;
color: #d1d5db;
}
.night-mode .ing-popover {
background: #1f2937;
border-color: #374151;
}
.night-mode .report-change-btn { border-color: #374151; }
.night-mode .report-change-btn:hover {
background: rgba(239, 68, 68, 0.1);
border-color: rgba(239, 68, 68, 0.3);
color: #f87171;
}
/* --- Модалка (halal-modal) --- */
.night-mode .halal-modal .modal-content,
.night-mode .halal-page .modal-content {
background: #1a1f2e;
}
.night-mode .halal-page .modal-close {
color: #9ca3af;
background: rgba(255, 255, 255, 0.05);
}
.night-mode .halal-page .modal-close:hover { color: #e5e7eb; background: color-mix(in srgb, var(--emerald) 12%, transparent); }
.night-mode .halal-page .success-message { background: color-mix(in srgb, var(--emerald) 15%, transparent); color: #6ee7b7; }
/* --- Методология: inline background: white → тёмный --- */
.night-mode .methodology-accordion {
background: #1a1f2e !important;
border-color: #2d3548 !important;
}
.night-mode .methodology-accordion h3 { color: #e5e7eb !important; }
.night-mode .methodology-accordion .accordion-icon { color: #9ca3af; }
.night-mode .methodology-accordion p { color: #9ca3af !important; }
.night-mode .methodology-accordion .accordion-content div { color: #d1d5db !important; }
/* --- Секция заголовки (методология, обучение, ингредиенты) --- */
.night-mode .halal-page .section-title { color: #d1d5db; }
.night-mode .halal-page .section-subtitle { color: #9ca3af; }
/* --- Обучение: блок цен (inline background: #e8f5e9) --- */
.night-mode .halal-page .ingredients-header > div[style*="background"] {
background: color-mix(in srgb, var(--emerald) 10%, transparent) !important;
color: #d1d5db !important;
}
/* --- modal-text-section (продукты, ингредиенты) --- */
.night-mode .modal-text-section {
background: #151b2b !important;
border-color: #2d3548 !important;
}
.night-mode .modal-text-section h4 { color: #9ca3af; }
.night-mode .modal-text-section p { color: #d1d5db; }
/* --- Курсы (карточки обучения) --- */
.night-mode .course-card {
background: #1a1f2e !important;
border-color: #2d3548 !important;
}
/* --- Сканер --- */
.night-mode .scanner-result { background: #151b2b; border-color: #374151; }
/* ========================================
КАБИНЕТ (cabinet-layout.css)
======================================== */
.night-mode .cabinet-page {
background: #111827;
}
.night-mode .cabinet-header {
background: #1a1f2e;
border-bottom-color: #374151;
}
.night-mode .cabinet-nav-item {
color: #9ca3af;
}
.night-mode .cabinet-nav-item:hover { color: #e5e7eb; }
.night-mode .cabinet-nav-item.active { color: var(--emerald-light); }
.night-mode .cabinet-main {
background: #111827;
}
.night-mode .cabinet-section-title { color: #e5e7eb; }
/* --- Карточки --- */
.night-mode .settings-section,
.night-mode .cabinet-card {
background: #1a1f2e;
border-color: #2d3548;
}
.night-mode .settings-section h3 { color: #d1d5db; }
/* --- Темы (свотчи) --- */
.night-mode .theme-swatch {
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}
.night-mode .theme-swatch.active {
box-shadow: 0 0 0 3px #111827, 0 0 0 5px var(--emerald);
}
/* --- Закладки --- */
.night-mode .bookmark-card {
background: #1a1f2e;
border-color: #2d3548;
}
.night-mode .bookmark-card:hover { border-color: var(--emerald); }
.night-mode .bookmark-type { color: #9ca3af; }
.night-mode .bookmark-title { color: #e5e7eb; }
/* --- История --- */
.night-mode a.history-item {
background: #1a1f2e;
border-color: #2d3548;
}
.night-mode a.history-item:hover { border-color: var(--emerald); background: color-mix(in srgb, var(--emerald) 6%, transparent); }
/* --- Чтение (Reading tracker) --- */
.night-mode .reading-session-card {
background: #1a1f2e;
border-color: #2d3548;
}
.night-mode .reading-progress-bar { background: #374151; }
.night-mode .reading-start-block {
background: #1a1f2e;
border-color: #2d3548;
}
.night-mode .reading-select {
background: #1f2937;
border-color: #374151;
color: #e5e7eb;
}
/* --- Вопросы пользователя --- */
.night-mode .question-card {
background: #1a1f2e;
border-color: #2d3548;
}
/* --- Статусы вопросов --- */
.night-mode .status-pending { color: #fbbf24; }
.night-mode .status-review { color: #60a5fa; }
.night-mode .status-clarification { color: #fb923c; }
/* --- Дневник --- */
.night-mode .diary-cal-day.level-0 { background: #1f2937; }
.night-mode .diary-cal-day.level-1 { background: color-mix(in srgb, var(--emerald) 20%, transparent); color: #6ee7b7; }
.night-mode .diary-cal-day.level-2 { background: color-mix(in srgb, var(--emerald) 40%, transparent); color: #a7f3d0; }
.night-mode .diary-cal-day.level-3 { background: var(--emerald); color: #fff; }
/* --- Профиль --- */
.night-mode .profile-card {
background: #1a1f2e;
border-color: #2d3548;
}
/* --- Уведомления (toggle) --- */
.night-mode .toggle-label { color: #d1d5db; }
.night-mode .radio-label { color: #d1d5db; }
/* --- Font size options --- */
.night-mode .font-size-options label { color: #d1d5db; }
/* ========================================
SEARCH HIGHLIGHT (все модули)
======================================== */
.night-mode mark.search-highlight,
.night-mode mark {
background: color-mix(in srgb, var(--emerald) 25%, transparent);
color: var(--emerald-light);
}
/* ========================================
КОРАН — ДОПОЛНИТЕЛЬНЫЕ ТАБЫ
======================================== */
/* --- Улюм: кнопка «Назад» --- */
.night-mode .ulum-back-btn {
background: transparent;
border-color: #374151;
color: #d1d5db;
}
.night-mode .ulum-back-btn:hover {
background: color-mix(in srgb, var(--emerald) 8%, transparent);
border-color: var(--emerald);
color: var(--emerald-light);
}
/* --- Таджвид: блоки букв — светлее основного фона --- */
.night-mode .letter-card {
background: #283a50;
border-color: #3d4f66;
}
.night-mode .letter-card:hover {
background: #2f4460;
border-color: var(--emerald);
}
.night-mode .letter-ar { color: #f0e6d3; }
.night-mode .letter-name { color: #e5e7eb; }
.night-mode .rule-card {
background: #283a50;
border-color: #3d4f66;
}
.night-mode .rule-card:hover {
background: #2f4460;
}
.night-mode .rule-name-ar { color: #f0e6d3; }
.night-mode .rule-name-ru { color: #e5e7eb; }
.night-mode .rule-desc { color: #d1d5db; }
/* --- Таджвид: секции --- */
.night-mode .tajweed-section {
background: #1e293b;
}
.night-mode .tajweed-section-title { color: #e5e7eb; }
.night-mode .tajweed-section-desc { color: #d1d5db; }
/* --- Таджвид: модалка --- */
.night-mode .tajweed-modal-content { background: #1e293b; }
.night-mode .letter-modal-big { color: #f0e6d3; }
.night-mode .letter-form { background: #243044; border-color: #374151; }
.night-mode .letter-form-ar { color: #f0e6d3; }
.night-mode .letter-form-label { color: #d1d5db; }
.night-mode .letter-modal-section-title { color: #9ca3af; }
.night-mode .letter-modal-text { color: #d1d5db; }
/* --- Таравих: текст светлее --- */
.night-mode .taraweeh-role-title { color: #e5e7eb; }
.night-mode .taraweeh-role-desc { color: #d1d5db; }
.night-mode .taraweeh-role-card { background: #1e293b; }
.night-mode .taraweeh-step { background: #1e293b; }
.night-mode .taraweeh-step-title { color: #e5e7eb; }
.night-mode .taraweeh-step p { color: #d1d5db; }
.night-mode .taraweeh-step-num { color: var(--emerald-light); }
.night-mode .taraweeh-section-title { color: #e5e7eb; }
.night-mode .taraweeh-section-desc { color: #d1d5db; }
.night-mode .taraweeh-form-label { color: #d1d5db; }
.night-mode .taraweeh-field label { color: #d1d5db; }
/* --- Дуа: карточки и текст --- */
.night-mode .dua-card { background: #1e293b; border-color: #2d3548; }
.night-mode .dua-card:hover { border-color: var(--emerald); }
.night-mode .dua-card-arabic { color: #f0e6d3; }
.night-mode .dua-card-title { color: #e5e7eb; }
.night-mode .dua-card-translation { color: #d1d5db; }
.night-mode .dua-card-context { color: #9ca3af; }
.night-mode .dua-card-ref { color: var(--emerald-light); }
.night-mode .dua-filter { border-color: #374151; color: #d1d5db; }
.night-mode .dua-filter:hover { border-color: var(--emerald); }
.night-mode .dua-filter.active { background: var(--emerald); color: #fff; }
.night-mode .dua-modal-content { background: #1e293b; }
.night-mode .dua-modal-arabic { color: #f0e6d3; }
.night-mode .dua-modal-translation { color: #d1d5db; }
/* --- Улюм: карточки и текст --- */
.night-mode .ulum-card { background: #1e293b; border-color: #2d3548; }
.night-mode .ulum-card:hover { border-color: var(--emerald); }
/* --- Общий текст в блоках Корана — светлее --- */
.night-mode .quran-nav-panel { color: #d1d5db; }
/* ████████████████████████████████████████████████████████████████
ВОЛНА 4b — глубокое night-покрытие модулей (ифта/хадисы/календарь/
малия/муджам/кабинет+центр уведомлений/халяль). Сгенерировано
и отревьюено 2026-06-14. Закрывает белые контейнеры и невидимый
текст в тёмных темах. См. memory/theme-system-architecture.md
████████████████████████████████████████████████████████████████ */
/* ============================================================
ИФТА (фетвы) — ДОПОЛНЕНИЕ к существующему блоку night-mode.
Только то, что НЕ покрыто (хардкод-острова и невидимый текст).
============================================================ */
/* === КРИТИЧНО: тело фетвы .fatwa-container = background:#fff (fatwa.css:31).
dark-mode уже красит текст светлым (.fatwa-body/.fatwa-answer-body ~937,951),
но фон остаётся белым → светлый текст на белом. Закрываем фон+текст. === */
.night-mode .fatwa-container {
background: #1a1f2e;
color: #e5e7eb;
box-shadow: 0 2px 24px rgba(0, 0, 0, 0.3);
}
/* Базовые тексты вопроса/ответа (на случай если выше не дотянулись) */
.night-mode .fatwa-question-title { color: #d1d5db; } /* перебить #1f2937 */
.night-mode .fatwa-question-body,
.night-mode .fatwa-answer-body { color: #c4c9d2; }
.night-mode .fatwa-closing-translation { color: #9ca3af; } /* было #6b7280 muted */
.night-mode .fatwa-source-footer { border-top-color: #374151; color: #9ca3af; }
/* === Заголовок ответа: в градиенте есть хардкод #ffffff-стоп (fatwa.css:172).
dark-mode задал плоский фон (~944), но градиент может перебивать — фиксируем. === */
.night-mode .fatwa-answer-header {
background: color-mix(in srgb, var(--emerald) 8%, transparent);
border-color: color-mix(in srgb, var(--emerald) 20%, transparent);
}
/* === Перевод арабского (.fatwa-translation): светлый emerald-bg + dark-gray текст === */
.night-mode .fatwa-translation {
background: color-mix(in srgb, var(--emerald) 6%, transparent);
border-left-color: var(--emerald);
color: #c4c9d2;
}
/* === Ссылка на книгу: пунктир под арабской ссылкой === */
.night-mode .fatwa-book-ref {
color: #9ca3af;
border-top-color: color-mix(in srgb, var(--emerald) 20%, transparent);
}
/* === Блок СОВЕТА (синий): bg #eff6ff, текст #1e3a8a/#1e40af на тёмном = невидим.
(blockquote внутри уже покрыт ~1016, но сам блок/лейбл/текст — нет) === */
.night-mode .fatwa-advice-block {
background: rgba(59, 130, 246, 0.08);
border-color: rgba(59, 130, 246, 0.2);
border-left-color: #60a5fa;
}
.night-mode .fatwa-advice-label { color: #7daadb; }
.night-mode .fatwa-advice-text { color: #aac4e6; }
/* === INLINE-разметка [ar]/[tr]/[hl] из текста фетвы === */
.night-mode .inline-arabic {
background: color-mix(in srgb, var(--emerald) 10%, transparent);
border-bottom-color: color-mix(in srgb, var(--emerald) 40%, transparent);
color: #6ee7b7;
}
.night-mode .inline-translation { color: #9ca3af; }
.night-mode .inline-highlight {
background: rgba(234, 179, 8, 0.18); /* было #fef9c3 жёлтый */
color: #fcd34d; /* было #78350f тёмно-коричневый */
}
/* === CALLOUT-блоки p.ql-callout-* (светлый bg + очень тёмный текст) === */
.night-mode .ql-callout-green {
background: rgba(22, 163, 74, 0.1); border-color: #34d399; color: #a7f3d0;
}
.night-mode .ql-callout-yellow {
background: rgba(202, 138, 4, 0.12); border-color: #eab308; color: #fde68a;
}
.night-mode .ql-callout-blue {
background: rgba(37, 99, 235, 0.1); border-color: #60a5fa; color: #bfdbfe;
}
.night-mode .ql-callout-red {
background: rgba(220, 38, 38, 0.1); border-color: #f87171; color: #fecaca;
}
.night-mode .ql-callout-purple {
background: rgba(147, 51, 234, 0.12); border-color: #c084fc; color: #e9d5ff;
}
/* === Разделитель * * * (серый по умолчанию — на тёмном бледный) === */
.night-mode .fatwa-divider::before { color: #6b7280; }
/* === Таблицы внутри фетвы (th зелёный ок, но td/borders/even-row = светлые) === */
.night-mode .fatwa-table-embed { border-color: #374151; }
.night-mode .fatwa-table-embed table td,
.night-mode .fatwa-answer-body table td,
.night-mode .fatwa-question-body table td {
border-bottom-color: #374151;
color: #c4c9d2;
}
.night-mode .fatwa-table-embed table tr:nth-child(even) td,
.night-mode .fatwa-answer-body table tr:nth-child(even) td,
.night-mode .fatwa-question-body table tr:nth-child(even) td {
background: color-mix(in srgb, var(--emerald) 6%, transparent);
}
/* === modal-empty (fatwa.css вариант: .modal-empty-title #111827 / sub #6b7280) === */
.night-mode .modal-empty-title { color: #e5e7eb; }
.night-mode .modal-empty-sub { color: #9ca3af; }
.night-mode .modal-empty-icon { opacity: 0.8; }
/* ============================================================
ifta-topics.css — недостающее
============================================================ */
/* Заголовок группы: border-bottom 2px var(--light-gray) — в night становится #1f2937,
почти сливается; усилим до видимой границы */
.night-mode .topics-group-header { border-bottom-color: #2d3548; }
.night-mode .group-title-ar { color: #9ca3af; }
/* .group-title красится инлайном из JS (см. jsInlineColors) — CSS не перебьёт */
/* Карточка темы: .ifta-topic-title color:var(--dark-gray) темизируется сама,
но дублируем безопасно (на hover уходит в акцент — ок) */
.night-mode .ifta-topic-title { color: #e5e7eb; }
/* Breadcrumb-ссылка (.bc-link хардкод #059669 — на тёмном тускловат) */
.night-mode .bc-link { color: var(--emerald-light); }
/* === LEVEL-3 карточки фетв (.inline-fatwa-card) — background:#fff хардкод! === */
.night-mode .inline-fatwa-card {
background: #1a1f2e;
border-color: #2d3548;
}
.night-mode .inline-fatwa-card:hover {
background: color-mix(in srgb, var(--emerald) 8%, transparent); /* было #f7fbf9 */
border-color: var(--emerald);
box-shadow: 0 4px 14px rgba(0, 0, 0, 0.3);
}
.night-mode .inline-fatwa-card-title { color: #e5e7eb; } /* было var(--dark-gray,#1f2937) */
/* Empty-state иконка инлайн-навигации */
.night-mode .inline-empty-icon { opacity: 0.85; }
/* ============================================================
ifta-wrapper.css — недостающее
============================================================ */
.night-mode .ifta-popular-title { color: #e5e7eb; } /* было #111827 */
.night-mode .modal-empty-state .modal-empty-title { color: #e5e7eb; }
.night-mode .modal-empty-state .modal-empty-sub { color: #9ca3af; }
/* ============================================================
ifta-search.css — выпадашка результатов поиска
(контейнер .ifta-search-results покрыт ~751, но внутренности — нет)
============================================================ */
.night-mode .search-results-header { color: #9ca3af; border-bottom-color: #2d3548; }
.night-mode .search-result-item { border-bottom-color: #2d3548; }
.night-mode .search-result-item:hover { background: color-mix(in srgb, var(--emerald) 8%, transparent); }
.night-mode .search-result-title { color: #e5e7eb; }
.night-mode .search-result-item:hover .search-result-title { color: var(--emerald-light); }
.night-mode .search-result-excerpt,
.night-mode .search-result-path { color: #9ca3af; }
.night-mode .search-result-icon { background: color-mix(in srgb, var(--emerald) 15%, transparent); }
.night-mode .search-result-icon svg { color: var(--emerald-light); }
/* Результат-книга (синяя иконка #eff6ff) */
.night-mode .search-result-item.result-topic .search-result-icon { background: rgba(59, 130, 246, 0.15); }
.night-mode .search-result-item.result-topic .search-result-icon svg { color: #7daadb; }
/* Пустое состояние поиска */
.night-mode .search-empty-title { color: #e5e7eb; }
.night-mode .search-empty-sub { color: #9ca3af; }
/* Внешний контейнер инлайн-результатов: фон есть (~762), добавим границу */
.night-mode .ifta-inline-results-inner { border-color: #2d3548; }
/* ============================================================
ifta-header.css — недостающее (lang-switcher уже покрыт ~218-238)
============================================================ */
.night-mode .ifta-center-mobile { color: var(--emerald-light); }
/* .ifta-submenu-tab.active::after — полоса var(--emerald), на тёмном ок */
/* ============================================================
ifta-form.css — модалка вопроса (часть покрыта ~1026-1063)
============================================================ */
.night-mode .question-modal-content .modal-title { color: #e5e7eb; } /* было #1a472a */
.night-mode .question-modal-content .modal-description { color: #9ca3af; } /* было #666 */
.night-mode .form-group label { color: #a7f3d0; } /* было #2d5a3d тёмно-зелёный */
.night-mode .file-item { background: #1f2937; } /* было #f5f6f8 (страховка) */
.night-mode .file-item-name { color: #d1d5db; } /* было #333 */
.night-mode .file-item-size { color: #9ca3af; } /* было #999 */
.night-mode .file-item-error { background: rgba(239,68,68,0.08); border-color: #7f1d1d; }
.night-mode .file-item-error .file-item-name { color: #f87171; }
.night-mode .file-drop-zone { /* было #fafbfc (страховка) */
background: #151b2b;
border-color: #374151;
}
.night-mode .file-drop-text { color: #9ca3af; } /* было #555 */
/* ═══════════════════════════════════════════════════════════
HADITH — НОЧНАЯ ТЕМА (добор хардкодов, не покрытых dark-mode.css)
Базовое покрытие .hadith-* / .takhrij-* уже есть в dark-mode.css
(стр. ~318-609). Ниже — ТОЛЬКО недостающие хардкод-острова.
═══════════════════════════════════════════════════════════ */
/* ── Сворачиваемая полоска поиска тахриджа (hadith-takhrij.css) ──
.takhrij-bar-pill: хардкод background:#fff + color через var(--text-dark)
(этой переменной нет в палитре night → fallback #1e293b = тёмный текст
на тёмной плашке). Перекрываем фон и текст явно. */
.night-mode .takhrij-bar-pill {
background: #1a1f2e;
color: #e5e7eb;
border-color: #374151;
}
.night-mode .takhrij-bar-pill:hover {
background: #151b2b;
border-color: #4b5563;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
}
/* Поле ввода внутри выпадашки — белый остров (#fff) */
.night-mode .takhrij-bar-dropdown .takhrij-input {
background: #1a1f2e;
border-color: #374151;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35);
}
/* ── Split-layout: контент книги тахриджа (hadith-takhrij.css) ──
.takhrij-book-content: хардкод background:#fff = белый остров справа */
.night-mode .takhrij-book-content {
background: #1a1f2e;
border-color: #374151;
}
/* Пустое состояние/заглушка */
.night-mode .takhrij-empty { color: #6b7280; }
.night-mode .takhrij-empty-title { color: #d1d5db; }
/* Шапка книги: бордер #e2e8f0 светлый + тёмные тексты #0f172a/#475569 */
.night-mode .takhrij-book-header { border-bottom-color: #374151; }
.night-mode .takhrij-book-name { color: #e5e7eb; } /* было #0f172a */
.night-mode .takhrij-book-author { color: #9ca3af; } /* было #64748b */
.night-mode .takhrij-book-desc { color: #d1d5db; } /* было #475569 */
/* Уровневые селекты (фильтры): label #64748b + select #fff */
.night-mode .takhrij-level-label { color: #9ca3af; }
.night-mode .takhrij-level-group select {
background: #1f2937;
color: #e5e7eb;
border-color: #374151;
}
/* ── Карточка найденного хадиса в split-layout (#fafbfc — белая) ── */
.night-mode .takhrij-hadith-card {
background: #151b2b; /* было #fafbfc */
border-color: #374151;
border-left-color: var(--emerald);
}
/* Номер-пилюля: фон #fff + текст #64748b */
.night-mode .takhrij-hadith-num {
background: #1f2937;
border-color: #374151;
color: #9ca3af;
}
/* Арабский матн: тёмный текст #0f172a на тёмной карточке = невидим */
.night-mode .takhrij-hadith-text { color: #f0e6d3; }
/* Чип-источник: фон #fff, бордер #cbd5e1, текст #334155 */
.night-mode .takhrij-source-chip {
background: #1f2937;
border-color: #4b5563;
color: #d1d5db;
}
.night-mode .takhrij-source-chip:hover {
background: var(--emerald);
color: #fff;
border-color: var(--emerald);
}
/* ── Заголовок группы тахриджа: бордер #f3f4f6/др. (фон уже #151b2b) ──
Текст счётчика match-badge.similar в светлой палитре уже покрыт;
здесь добираем бордер группы-title, чтобы линия не светилась. */
.night-mode .takhrij-group-title { border-bottom-color: #374151; }
.night-mode .takhrij-group { border-color: #374151; }
.night-mode .takhrij-item-text { background: #151b2b; } /* дубль-страховка фона матна */
/* ── Суб-контент под хадисом (hadith-collections.css :509) ──
.hadith-sub-content color:#374151 — тёмный текст на тёмной карточке.
ВНИМАНИЕ: инлайн-цвета во вложенных /
из JS это НЕ перебьёт
(см. список jsInlineColors). */
.night-mode .hadith-sub-content { color: #d1d5db; }
/* ── Хардкод цвета текста на .hadith-page (hadith-wrapper.css :9) ──
.hadith-page { color:#1f2937 } — базовый цвет страницы тёмный.
В dark-mode.css фон .hadith-page уже переопределён (#111827) + color:#e5e7eb,
так что правило уже покрыто. Доп. действий не требуется. */
/* ── Бейджи перекрёстных ссылок related (на случай светлого хардкода) ──
.takhrij-ref-badge.* уже покрыты (стр. 607-609 dark-mode.css). */
/* ═══════════════════════════════════════════════════════════════
КАЛЕНДАРЬ — тёмная тема (.night-mode)
Конвенции: поверхность var(--white)=#111827 темизируется сама;
фокус на ХАРДКОДАХ светлых фонов / пастелей и тёмного текста.
═══════════════════════════════════════════════════════════════ */
/* ── 1. Пастельные переменные событий/статусов (объявлены на :root в
calendar-wrapper.css и НЕ реагируют на тему). Переопределяем фоны на
тёмные полупрозрачные тинты акцентных цветов, а *-text-подобные тёмные
акценты — на осветлённые. Контейнеры (.cal-event-item.*, .hayd-status-card.*,
.hayd-event-status-badge.*, .iddah-*) подхватят их автоматически. ── */
.night-mode {
--cal-fard-bg: rgba(16,185,129,0.16);
--cal-eid-bg: rgba(217,119,6,0.18);
--cal-sunnah-fast-bg: rgba(16,185,129,0.16);
--cal-hijama-bg: rgba(139,92,246,0.18);
--cal-forbidden-bg: rgba(220,38,38,0.18);
--cal-memorial-bg: rgba(37,99,235,0.18);
--cal-jumuah-bg: #1f2937;
--cal-jumuah: #9ca3af;
--cal-note-bg: #1f2937;
--cal-special-bg: rgba(245,158,11,0.18);
--cal-hayd-bg: rgba(220,38,38,0.18);
--cal-tuhr-bg: rgba(16,185,129,0.16);
--cal-nifas-bg: rgba(249,115,22,0.18);
--cal-projected: #9ca3af;
/* иддат: светло-фиолетовый фон #EDE9FE → тёмный тинт, текст #5B21B6 → светлый */
--cal-iddah-bg: rgba(124,58,237,0.18);
--cal-iddah-text: #c4b5fd;
--cal-iddah-border: rgba(167,139,250,0.45);
}
/* ── 2. Карточки/панели события дня (calendar-events.css). Фон уже
var(--white) → ок; правим только хардкод-hover и пастель такбира. ── */
.night-mode .cal-event-item:hover { background: #151b2b; } /* был #f9fafb */
.night-mode .cal-event-action-tag { /* был rgba(255,255,255,.7) — светлая плашка */
background: rgba(255,255,255,0.08);
color: #e5e7eb;
}
.night-mode .cal-event-edit:hover { background: #374151; color: #e5e7eb; }
.night-mode .cal-event-takbeer { background: #151b2b; } /* var(--cream-bg)=#1f2937 уже ок, но усиливаем контраст */
.night-mode .cal-event-item.historical { /* хардкод var(--warning-light,#FEF3C7) */
background: rgba(245,158,11,0.16);
border-left-color: #fbbf24;
}
/* ── 3. ХАЙД-ТРЕКЕР (calendar-hayd.css): статус-карточки и блоки с
хардкод-пастелью + тёмным текстом → светлые острова с невидимым текстом. ── */
/* Статус-карточки на хардкод-пастели */
.night-mode .hayd-status-card.state-istihada { background: rgba(217,119,6,0.18); border-color: #d97706; }
.night-mode .hayd-status-card.state-watching { background: rgba(202,138,4,0.20); border-color: #ca8a04; }
/* Тёмные label-цвета → осветлённые */
.night-mode .hayd-status-card.state-clean .hayd-status-label { color: #6ee7b7; }
.night-mode .hayd-status-card.state-bleeding .hayd-status-label { color: #fca5a5; }
.night-mode .hayd-status-card.state-nifas .hayd-status-label { color: #fdba74; }
.night-mode .hayd-status-card.state-istihada .hayd-status-label { color: #fcd34d; }
.night-mode .hayd-status-card.state-watching .hayd-status-label { color: #fde047; }
/* Сообщения-руководство severity-* (фон+текст хардкод) */
.night-mode .hayd-message.severity-info,
.night-mode .hayd-guidance-content.severity-info,
.night-mode .hayd-day-context.severity-bg-info {
background: rgba(59,130,246,0.16); border-color: rgba(59,130,246,0.4); color: #93c5fd;
}
.night-mode .hayd-message.severity-warning,
.night-mode .hayd-guidance-content.severity-warning {
background: rgba(202,138,4,0.18); border-color: rgba(252,211,77,0.4); color: #fde047;
}
.night-mode .hayd-message.severity-success,
.night-mode .hayd-guidance-content.severity-success {
background: rgba(16,185,129,0.16); border-color: rgba(16,185,129,0.4); color: #6ee7b7;
}
.night-mode .hayd-message.severity-error,
.night-mode .hayd-guidance-content.severity-error {
background: rgba(220,38,38,0.16); border-color: rgba(220,38,38,0.4); color: #fca5a5;
}
/* Хардкод-фоны .hayd-day-context (без переменной) */
.night-mode .hayd-day-context.severity-bg-warning { background: rgba(202,138,4,0.18); }
/* Жёлтый блок-уведомление (.hayd-message-block с #FEF9C3 !important и т.д.) */
.night-mode .hayd-message-block { background: rgba(202,138,4,0.18) !important; border-left-color: #f59e0b; }
.night-mode .hayd-message-block.severity-bg-info { background: rgba(59,130,246,0.18) !important; border-left-color: #3b82f6; }
.night-mode .hayd-message-block.severity-bg-danger { background: rgba(239,68,68,0.18) !important; border-left-color: #ef4444; }
.night-mode .hayd-message-block.severity-bg-success { background: rgba(16,185,129,0.18) !important; border-left-color: #10b981; }
/* Бейджи хайд-событий: тёмный текст на пастели */
.night-mode .hayd-event-status-badge.state-clean { color: #6ee7b7; }
.night-mode .hayd-event-status-badge.state-bleeding { color: #fca5a5; }
.night-mode .hayd-event-status-badge.state-nifas { color: #fdba74; }
.night-mode .hayd-event-status-badge.state-watching { background: rgba(202,138,4,0.20); color: #fde047; }
.night-mode .hayd-event-status-badge.state-istihada { background: rgba(217,119,6,0.18); color: #fcd34d; }
/* Иконки событий blood-* (фон через переменные ок, текст-акцент осветляем) */
.night-mode .hayd-event-hijri,
.night-mode .hayd-event-hijri-inline { color: #6ee7b7; } /* был #047857 — тёмный на тёмном */
/* hover-подсветки и адат-плашки на хардкод-светлом */
.night-mode .hayd-mode-btn.active { background: rgba(16,185,129,0.16); color: #6ee7b7; }
/* Модалка выбора времени: var(--white) сам ок; но split-day fallback белый */
.night-mode .cal-day.split-day,
.night-mode .cal-day.split-day.hayd-day,
.night-mode .cal-day.split-day.tuhr-day,
.night-mode .cal-day.split-day.istihada-day,
.night-mode .cal-day.split-day.nifas-day {
background: linear-gradient(to bottom,
var(--split-top, transparent) var(--split-ratio,50%),
var(--split-bottom, transparent) var(--split-ratio,50%)),
#1f2937 !important; /* был #fafafa */
}
.night-mode .cal-day.split-day:hover {
background: linear-gradient(to bottom,
var(--split-top, transparent) var(--split-ratio,50%),
var(--split-bottom, transparent) var(--split-ratio,50%)),
#111827 !important; /* был #fff */
}
/* ── 4. ИДДАТ (calendar-iddah.css): чёрный текст на тёмной модалке. ── */
.night-mode .iddah-field-label,
.night-mode .iddah-status-date-value { color: #e5e7eb; } /* был #111827 — чёрное на чёрном */
.night-mode .iddah-status-reason,
.night-mode .iddah-status-date-label { color: #9ca3af; } /* был #6B7280 — слишком тёмный */
.night-mode .iddah-radio { border-color: #374151; } /* был #E5E7EB светлый бордер */
.night-mode .iddah-radio:hover { background: #1f2937; } /* был #F9FAFB светлый */
.night-mode .iddah-status-message { background: #151b2b; color: #d1d5db; } /* был #F9FAFB / #374151 */
.night-mode .iddah-widget-row { color: #c4b5fd; } /* был #4C1D95 тёмно-фиолетовый */
.night-mode .iddah-widget-hint { color: #c4b5fd; } /* был #6D28D9 тёмно-фиолетовый */
.night-mode .iddah-widget-badge,
.night-mode .iddah-status-badge { background: rgba(124,58,237,0.20); color: #c4b5fd; }
/* ── 5. ХИЛЯЛЬ / Новый месяц (calendar-hilal.css): #fff карточки и
градиенты на светлых пастелях + тёмный текст. ── */
.night-mode .hilal-countdown-inner {
background: linear-gradient(135deg, rgba(16,185,129,0.14), #1f2937); /* был ecfdf5→f9fafb */
}
.night-mode .hilal-countdown-closed {
background: #1f2937; color: #9ca3af; border-color: #374151;
}
.night-mode .hilal-decision-banner { /* градиент ecfdf5→d1fae5, текст #064e3b */
background: linear-gradient(135deg, rgba(16,185,129,0.14) 0%, rgba(16,185,129,0.22) 100%);
color: #6ee7b7; border-color: #059669;
}
.night-mode .hilal-decision-current,
.night-mode .hilal-decision-next { background: #1a1f2e; color: #e5e7eb; } /* был #fff */
.night-mode .hilal-guide-body { background: #1a1f2e; border-color: #374151; } /* был #fff */
.night-mode .hilal-vis--uncertain { background: #fbbf24; color: #78350f; } /* остаётся читаем, бейдж цветной */
.night-mode .hilal-preview-badge { /* градиент fffbeb→fef3c7, текст #78350f */
background: linear-gradient(135deg, rgba(245,158,11,0.12), rgba(245,158,11,0.20));
border-color: #f59e0b; border-left-color: #f59e0b; color: #fcd34d;
}
/* Админ-плашки статистики на хардкод-пастели */
.night-mode .hilal-stat-box.hilal-stat-seen { background: rgba(16,185,129,0.16); }
.night-mode .hilal-stat-box.hilal-stat-notseen { background: rgba(239,68,68,0.16); }
.night-mode .hilal-stat-seen .hilal-stat-val { color: #6ee7b7; }
.night-mode .hilal-stat-notseen .hilal-stat-val { color: #fca5a5; }
.night-mode .hilal-obs-pending-badge { background: rgba(217,119,6,0.18); color: #fcd34d; }
.night-mode .hilal-obs-suspended-badge { background: rgba(220,38,38,0.18); color: #fca5a5; }
.night-mode .hilal-obs-approve { background: rgba(16,185,129,0.18); color: #6ee7b7; }
.night-mode .hilal-obs-reject { background: rgba(239,68,68,0.18); color: #fca5a5; }
.night-mode .hilal-obs-suspend { background: rgba(217,119,6,0.18); color: #fcd34d; }
.night-mode .hilal-obs-approved { background: rgba(16,185,129,0.18); color: #6ee7b7; }
.night-mode .hilal-obs-pending { background: rgba(217,119,6,0.18); color: #fcd34d; }
.night-mode .hilal-res-seen { color: #6ee7b7; }
.night-mode .hilal-res-notseen { color: #fca5a5; }
.night-mode .hilal-stat-seen .hilal-stat-val,
.night-mode .hilal-decision-warning { color: #fca5a5; } /* был #DC2626, читаем но усиливаем */
/* ── 6. ГРИД / ленты: ячейки уже на var(--light-gray)=#1f2937 (ок).
Правим только хардкод today-shadow несущественно — пропускаем. ── */
/* ==========================================================================
МАЛИЯ — night-mode дополнения (НЕ дублируют 43 правила уже в maliya-faraid.css)
Закрывают оставшиеся белые/янтарные хардкод-острова и тёмный хардкод-текст
========================================================================== */
/* --- maliya-faraid.css: бейджи типа масали (светлые плашки с цветным текстом) --- */
/* Фон #ecfdf5/#fff7ed/#eff6ff остаётся светлым островом в тёмной теме */
.night-mode .faraid-type-badge.adila { background: color-mix(in srgb, var(--emerald) 18%, transparent); color: #34d399; }
.night-mode .faraid-type-badge.awl { background: rgba(234,88,12,0.18); color: #fdba74; }
.night-mode .faraid-type-badge.asaba,
.night-mode .faraid-type-badge.radd { background: rgba(37,99,235,0.18); color: #93c5fd; }
/* --- maliya-faraid.css: мета-строка мухарадж/тасхих --- */
/* .faraid-meta-row span { color:#374151 } — тёмный текст невидим на тёмном фоне */
.night-mode .faraid-meta-row { color: #9ca3af; }
.night-mode .faraid-meta-row span { color: #d1d5db; }
/* --- maliya-faraid.css: арабский спец-текст (color:#374151 хардкод) --- */
.night-mode .faraid-special-msg .faraid-special-ar { color: #9ca3af; }
/* --- maliya-calculator.css: статус «нисаб не достигнут» (жёлтая плашка) --- */
/* background:#fef3c7; color:#92400e — светлый остров с тёмным текстом */
.night-mode .maliya-result-status.not-reached { background: #422006; color: #fde68a; }
/* --- maliya-calculator.css: блок результата по скоту (янтарный хардкод-фон) --- */
/* background:#fffbeb; border:#fde68a — остаётся белым; текст-метки уже #9ca3af ок */
.night-mode .maliya-livestock-result { background: rgba(180,83,9,0.15); border-color: #b45309; }
.night-mode .maliya-livestock-result .livestock-zakat { color: #e5e7eb; }
/* --- maliya-calculator.css: стоимость в валюте (хардкод-стоп градиента #fff8e1) --- */
/* var(--amber-50) темизируется, но второй стоп #fff8e1 остаётся светлым -> зальём ровным тёмным */
.night-mode .maliya-converter-info .conv-price { background: rgba(212,168,67,0.12); }
.night-mode .maliya-converter-info .conv-price b { color: #34d399; }
/* --- maliya-wrapper.css: предупреждение в баре цен (жёлтая плашка) --- */
/* background:#fef3c7; color:#92400e — светлый остров */
.night-mode .maliya-prices-warning { background: #422006; color: #fde68a; }
/* ============================================================
МУДЖАМ — поддержка тёмной темы (.night-mode)
Переменные в night уже дают: --white=#111827 (тёмная поверхность),
--dark-gray=#e5e7eb (светлый текст), --medium-gray=#9ca3af,
--light-gray=#1f2937, --border-gray=#374151.
Ниже — ТОЛЬКО хардкоды светлого фона / тёмного текста / светлых плашек.
============================================================ */
/* ─────────────────────────────────────────────
mujam-wrapper.css — КОРЕНЬ ПРОБЛЕМЫ
.mujam-page{color:#1f2937} перекрывает наследование на всю страницу
───────────────────────────────────────────── */
.night-mode .mujam-page { color: var(--dark-gray); } /* было #1f2937 — невидимый текст по всей странице */
.night-mode .mujam-empty-state { color: var(--medium-gray); } /* #9ca3af ок, но фиксируем явно */
.night-mode .mujam-empty-state svg { stroke: var(--border-gray); } /* было #d1d5db — светлая иконка */
/* ─────────────────────────────────────────────
mujam-tabs.css — нав-табы (хардкод #6b7280/#e5e7eb)
───────────────────────────────────────────── */
.night-mode .mujam-nav-tabs { border-bottom-color: var(--border-gray); } /* было #e5e7eb */
.night-mode .mujam-tab { color: var(--medium-gray); } /* было #6b7280 — почти ок, но фиксируем */
/* ─────────────────────────────────────────────
mujam-search.css — поиск + арабский/русский алфавит
Светлые кнопки-острова и тёмный текст на тёмном фоне
───────────────────────────────────────────── */
.night-mode .mujam-search-icon { color: var(--medium-gray); }
.night-mode .mujam-search-input {
border-color: var(--border-gray); /* было #e5e7eb */
background: #1a1f2e; /* было var(--white,#fff) — белый инпут */
color: var(--dark-gray); /* было #1f2937 — невидимый ввод */
}
.night-mode .mujam-search-input::placeholder { color: var(--medium-gray); }
.night-mode .mujam-search-clear { color: var(--medium-gray); }
.night-mode .mujam-search-clear:hover { color: var(--dark-gray); background: var(--light-gray); } /* было #374151 текст / #f3f4f6 фон */
/* Арабский алфавит — белые кнопки с тёмным текстом */
.night-mode .mujam-alpha-btn {
border-color: var(--border-gray); /* было #e5e7eb */
background: #151b2b; /* было var(--white,#fff) */
color: var(--dark-gray); /* было #374151 — невидимо */
}
/* .active использует var(--emerald) + #fff текст — на ярком акценте читаемо, не трогаем */
/* Русский алфавит */
.night-mode .mujam-alphabet-ru { border-top-color: var(--border-gray); } /* было #f3f4f6 */
.night-mode .mujam-alpha-btn-ru {
border-color: var(--border-gray); /* было #e5e7eb */
background: #151b2b; /* было var(--white,#fff) */
color: var(--medium-gray); /* было #6b7280 */
}
/* hover уводит в #fef9ee (светлая плашка под золото) — на ховере приемлемо/эфемерно, можно оставить */
.night-mode .mujam-results-count { color: var(--medium-gray); } /* было #6b7280 */
/* Английский алфавит (на EN-версии) — те же хардкоды */
.night-mode .mujam-alphabet-en { border-top-color: var(--border-gray); } /* было #f3f4f6 */
.night-mode .mujam-alpha-btn-en {
border-color: var(--border-gray); /* было #e5e7eb */
background: #151b2b; /* было var(--white,#fff) */
color: var(--medium-gray); /* было #6b7280 */
}
/* ─────────────────────────────────────────────
mujam-dictionary.css — список слов + аккордеон + словари
Главная читаемость статей словаря
───────────────────────────────────────────── */
.night-mode .mujam-quickjump-letter { color: var(--medium-gray); } /* было #9ca3af */
/* .mujam-word-item использует var(--white) фон + var(--light-gray) border — темизируется само */
.night-mode .mujam-root-label { color: var(--medium-gray); } /* было #9ca3af */
.night-mode .mujam-word-sep { color: var(--border-gray); } /* было #d1d5db */
.night-mode .mujam-word-chevron { color: var(--medium-gray); } /* было #d1d5db — почти невидим */
/* Тело аккордеона — детали слова */
.night-mode .mujam-word-detail-label { color: var(--medium-gray); } /* было #9ca3af */
.night-mode .mujam-word-detail-value { color: var(--dark-gray); } /* было #374151 — НЕВИДИМО на тёмной карточке */
.night-mode .mujam-root-group-count { color: var(--medium-gray); } /* было #9ca3af */
.night-mode .mujam-root-stats { color: var(--medium-gray); } /* было #9ca3af */
/* Превью корня на карточке */
.night-mode .mujam-card-def { color: var(--medium-gray); } /* было #6b7280 */
.night-mode .mujam-loading { color: var(--medium-gray); } /* было #9ca3af */
/* Мета корня */
.night-mode .mujam-root-info { color: var(--medium-gray); } /* было #6b7280 */
.night-mode .mujam-root-info-item b { color: var(--dark-gray); } /* было #1f2937 — НЕВИДИМО */
.night-mode .mujam-root-entry-tag .mujam-entry-gram { color: var(--medium-gray); } /* было #9ca3af */
/* Контент выбранного словаря — основной текст статей */
.night-mode .mujam-dict-pane-text { color: var(--dark-gray); } /* было #374151 — НЕВИДИМО, ключевая читаемость */
.night-mode .mujam-dict-pane-text[data-lang="en"] { color: var(--dark-gray); } /* было #374151 */
.night-mode .mujam-dict-pane-text[data-lang="ru"] { color: var(--dark-gray); } /* было #374151 */
.night-mode .mujam-dict-block-text,
.night-mode .mujam-dict-block-full { color: var(--dark-gray); } /* было #374151 (legacy-блоки) */
/* Форматтер определений — светлые плашки и серые акценты */
.night-mode .mdef-gram {
color: var(--medium-gray); /* было #9ca3af */
background: var(--light-gray); /* было #f3f4f6 — светлая плашка */
}
.night-mode .mdef-quran {
color: #fbbf24; /* было #92400e — тёмно-янтарный нечитаем */
background: rgba(251,191,36,0.10); /* было #fffbeb — светлый остров */
border-color: rgba(251,191,36,0.35); /* было #fde68a */
}
.night-mode .mdef-example { color: var(--medium-gray); } /* было #6b7280 */
.night-mode .mdef-subhead {
color: #fdba74; /* было #7c2d12 — тёмно-коричневый нечитаем */
background: rgba(253,186,116,0.12); /* было #fef3c7 — светлая плашка */
}
.night-mode .mdef-ref {
color: var(--medium-gray); /* было #9ca3af */
background: var(--light-gray); /* было #f9fafb — светлая плашка */
}
.night-mode .mdef-divider { background: var(--border-gray); } /* было #e5e7eb */
/* Горизонтальные табы словарей: color-mix(... #fff) даёт светлый фон/бордер */
.night-mode .mujam-dict-tab {
border-color: color-mix(in srgb, var(--mujam-tab-accent) 30%, #1f2937); /* было ...%, #fff */
background: color-mix(in srgb, var(--mujam-tab-accent) 12%, #151b2b); /* было ...%, #fff */
color: color-mix(in srgb, var(--mujam-tab-accent) 65%, #9ca3af);
}
.night-mode .mujam-dict-tab:hover {
background: color-mix(in srgb, var(--mujam-tab-accent) 22%, #151b2b); /* было ...%, #fff */
border-color: color-mix(in srgb, var(--mujam-tab-accent) 50%, #1f2937); /* было ...%, #fff */
}
/* .mujam-dict-tab.active: фон var(--mujam-tab-accent) + #fff текст — на ярком акценте читаемо, не трогаем */
/* ─────────────────────────────────────────────
mujam-modal.css — модалка правил/примеров/разбора
───────────────────────────────────────────── */
.night-mode .mujam-modal-header { border-bottom-color: var(--border-gray); } /* было #f3f4f6 */
.night-mode .mujam-modal-close { color: var(--medium-gray); }
.night-mode .mujam-modal-close:hover { background: var(--light-gray); color: var(--dark-gray); } /* было #f3f4f6 / #374151 */
.night-mode .mujam-modal-loading { color: var(--medium-gray); } /* было #6b7280 */
.night-mode .mujam-modal-spinner { border-color: var(--border-gray); border-top-color: var(--emerald); } /* было #e5e7eb */
/* Блок правила — арабский и русский текст НЕВИДИМ на тёмном фоне */
.night-mode .modal-rule-block .rule-ar { color: var(--dark-gray); } /* было #1f2937 — НЕВИДИМО (ключевое) */
.night-mode .modal-rule-block .rule-ru { color: var(--dark-gray); } /* было #374151 — НЕВИДИМО */
/* .modal-rule-block фон var(--emerald-50) — в night полупрозрачный, читаемо */
.night-mode .modal-conditions li { color: var(--dark-gray); } /* было #374151 — НЕВИДИМО */
/* Примеры с разбором — светлые острова и невидимый текст */
.night-mode .modal-examples li {
background: #151b2b; /* было #f9fafb — светлый остров */
border-color: var(--border-gray); /* было #f3f4f6 */
}
.night-mode .modal-examples .example-ar { color: var(--dark-gray); } /* было #1f2937 — НЕВИДИМО */
.night-mode .modal-examples .example-ru { color: var(--medium-gray); } /* было #6b7280 */
.night-mode .modal-parsing .parse-word { color: var(--dark-gray); } /* было #1f2937 — НЕВИДИМО */
/* Источники — светлые плашки */
.night-mode .modal-sources li {
color: var(--medium-gray); /* было #6b7280 */
background: #151b2b; /* было #f9fafb */
border-color: var(--border-gray); /* было #f3f4f6 */
}
.night-mode .modal-sources li:hover {
background: var(--light-gray); /* было #f3f4f6 */
color: var(--dark-gray); /* было #374151 */
}
/* Таблица производных форм */
.night-mode .modal-derivatives-table th {
color: var(--medium-gray); /* было #6b7280 */
border-bottom-color: var(--border-gray); /* было #f3f4f6 */
background: #151b2b; /* было #f9fafb */
}
.night-mode .modal-derivatives-table td {
border-bottom-color: var(--border-gray); /* было #f9fafb */
color: var(--dark-gray); /* было #374151 — НЕВИДИМО */
}
.night-mode .modal-derivatives-table tr:hover td { background: #1a1f2e; } /* было #fafbfc — светлый ховер */
.night-mode .modal-derivatives-table .deriv-ar { color: var(--dark-gray); } /* было #1f2937 — НЕВИДИМО */
.night-mode .modal-derivatives-table .deriv-ru { color: var(--medium-gray); } /* было #6b7280 */
.night-mode .mujam-modal-section-title {
color: var(--medium-gray); /* было #9ca3af */
border-bottom-color: var(--border-gray); /* было #f3f4f6 */
}
/* ─────────────────────────────────────────────
mujam-sarf.css — split-panel (хардкод светлых фонов и серых ховеров)
───────────────────────────────────────────── */
.night-mode .sarf-list-panel { background: #151b2b; } /* было #fafbfc — светлая левая панель-остров */
/* .sarf-verb-card-ar / .sarf-detail-verb / .sarf-saghir-btn-value — var(--dark-gray), темизируются сами */
.night-mode .sarf-conjugation-table tr:hover { background: #1a1f2e; } /* было #fafbfa — светлый ховер строки */
.night-mode .sarf-conj-group-header td {
background: #151b2b; /* было #f9fafb — светлый остров */
color: var(--medium-gray); /* было #9ca3af */
}
/* .sarf-conjugation-table th: фон var(--emerald-50) + var(--emerald-dark) текст — в night
--emerald-dark тёмно-зелёный на полупрозрачном emerald-50 может быть тускл; осветляем текст */
.night-mode .sarf-conjugation-table th { color: var(--emerald); } /* emerald-dark → яркий emerald на тёмном */
/* ─────────────────────────────────────────────
mujam-practice.css — блоки практики (светлые фоны и плашки premium)
───────────────────────────────────────────── */
/* .practice-block / .practice-ai-sentence — var(--white) фон, темизируются сами */
.night-mode .practice-example-item { background: #151b2b; } /* было #fafbfa — светлый остров */
.night-mode .premium-badge { background: rgba(197,160,89,0.15); } /* было #fef9ee — светлая плашка под золото */
.night-mode .practice-ai-sentence-parsing { color: var(--medium-gray); } /* было #9ca3af */
.night-mode .practice-disclaimer { color: var(--medium-gray); border-top-color: var(--border-gray); } /* было #9ca3af / var(--light-gray) ок */
.night-mode .practice-generate-btn:disabled { background: var(--border-gray); } /* было #d1d5db — светлая дизейбл-кнопка */
.night-mode .practice-access-hint {
color: #fbbf24; /* было #92400e — нечитаем */
background: rgba(251,191,36,0.12); /* было #fef3c7 — светлая плашка */
}
.night-mode .practice-access-hint:hover { background: rgba(251,191,36,0.20); } /* было #fde68a */
/* ─────────────────────────────────────────────
mujam-nahw.css — список тем + бейджи уровней
───────────────────────────────────────────── */
/* .nahw-chip / .nahw-topic-card — var(--white)/var(--border-gray)/var(--dark-gray), темизируются сами */
.night-mode .nahw-topic-category { color: var(--medium-gray); } /* было #9ca3af */
.night-mode .nahw-topic-arrow { color: var(--medium-gray); } /* было #d1d5db */
/* Бейджи уровней — светлые плашки с тёмным текстом, нужны тёмные подложки */
.night-mode .nahw-topic-level.basic {
background: rgba(59,130,246,0.18); /* было #dbeafe */
color: #93c5fd; /* было #1e40af */
}
.night-mode .nahw-topic-level.intermediate,
.night-mode .nahw-topic-level.locked {
background: rgba(251,191,36,0.15); /* было #fef3c7 */
color: #fbbf24; /* было #92400e */
}
.night-mode .nahw-topic-level.advanced {
background: rgba(244,114,182,0.15); /* было #fce7f3 */
color: #f9a8d4; /* было #9d174d */
}
/* ─────────────────────────────────────────────
mujam-khulasa.css — сводка корня (карточки слов)
───────────────────────────────────────────── */
.night-mode .mujam-khulasa-quran {
color: #fbbf24; /* было #92400e — нечитаем */
background: rgba(251,191,36,0.10); /* было #fffbeb */
border-color: rgba(251,191,36,0.35); /* было #fde68a */
}
/* .mujam-khulasa-headword / .mujam-khulasa-value — var(--dark-gray,...), темизируются сами */
.night-mode .mujam-khulasa-badge-gender {
color: var(--medium-gray); /* было #6b7280 */
background: var(--light-gray); /* было #f3f4f6 */
border-color: var(--border-gray); /* было #e5e7eb */
}
.night-mode .mujam-khulasa-wazn { color: var(--medium-gray); } /* было #6b7280 */
.night-mode .mujam-khulasa-cell {
background: #1a1f2e; /* было var(--white,#fff) — но в legacy с фоллбэком #fff */
border-color: var(--border-gray); /* было #f3f4f6 */
}
.night-mode .mujam-khulasa-label { color: var(--medium-gray); } /* было #9ca3af */
.night-mode .mujam-khulasa-related { border-top-color: var(--border-gray); } /* было #f3f4f6 */
.night-mode .mujam-khulasa-related-label { color: var(--medium-gray); } /* было #9ca3af */
/* khulasa-badge-form/-type/-pos используют color-mix(...,#fff) фон — светлые плашки */
.night-mode .mujam-khulasa-badge-pos {
background: var(--emerald-50); /* было var(--emerald-50,#ecfdf5) ок, фиксируем */
}
.night-mode .mujam-khulasa-badge-form {
color: #93c5fd; /* было var(--info,#2563eb) */
background: color-mix(in srgb, var(--info, #2563eb) 18%, #151b2b); /* было ...8%, #fff */
border-color: color-mix(in srgb, var(--info, #2563eb) 30%, transparent);
}
.night-mode .mujam-khulasa-badge-type {
color: var(--gold, #c5a059); /* было gold-dark, осветляем */
background: color-mix(in srgb, var(--gold, #c5a059) 16%, #151b2b); /* было ...10%, #fff */
}
/* Карточка слова — был светлый фон #fafbfc (светлый остров на тёмной странице) */
.night-mode .mujam-khulasa-word {
background: #151b2b;
border-color: var(--border-gray);
}
/* Кнопки «Открыть в Сарфе» / «Ещё N слов» и теги связанных пород:
базовый фон = var(--emerald-50), который theme-boot переопределяет на primary50
(для midnight тёмно-навигационный #0f172a → мутный/бледный вид). Задаём явный
акцентный тинт + светлый акцентный текст. */
.night-mode .mujam-khulasa-sarf-btn,
.night-mode .mujam-khulasa-more-btn,
.night-mode .mujam-khulasa-related-tag {
background: color-mix(in srgb, var(--emerald) 14%, transparent);
color: var(--emerald-light);
border-color: color-mix(in srgb, var(--emerald) 45%, transparent);
}
.night-mode .mujam-khulasa-sarf-btn:hover,
.night-mode .mujam-khulasa-more-btn:hover,
.night-mode .mujam-khulasa-related-tag:hover {
background: var(--emerald);
color: var(--on-primary);
}
/* ════════════════════════════════════════════════════════════
NIGHT-MODE: ЛИЧНЫЙ КАБИНЕТ — непокрытые блоки
(дополняет существующую секцию dark-mode.css ~1250-1352,
дубли с .cabinet-card/.bookmark-card и т.п. НЕ включены)
════════════════════════════════════════════════════════════ */
/* ── Дропдаун колокольчика уведомлений (хардкод background:#fff) ── */
.night-mode .notify-dropdown {
background: #1a1f2e;
border-color: #374151;
box-shadow: 0 8px 32px rgba(0,0,0,0.5);
}
.night-mode .notify-dropdown-header { border-bottom-color: #374151; }
.night-mode .notify-dropdown-title { color: #e5e7eb; }
.night-mode .notify-item { border-bottom-color: #374151; }
.night-mode .notify-item:hover { background: #151b2b; }
.night-mode .notify-item.unread { background: color-mix(in srgb, var(--emerald) 12%, transparent); } /* было #f0fdf4 — белый остров */
.night-mode .notify-item-title { color: #e5e7eb; }
.night-mode .notify-item-body { color: #9ca3af; }
.night-mode .notify-empty { color: #9ca3af; }
/* ── Вкладка «Новости»: табы и карточки ── */
.night-mode .cab-news-tabs { border-bottom-color: #374151; }
.night-mode .cab-news-tab:hover { color: #e5e7eb; }
.night-mode .cab-news-empty,
.night-mode .cab-news-empty-hint { color: #9ca3af; }
/* Карточка новости (хардкод background:#fff :2289) */
.night-mode .cab-news-item {
background: #1a1f2e;
border-color: #374151;
}
.night-mode .cab-news-item:hover { box-shadow: 0 2px 8px rgba(0,0,0,0.4); }
.night-mode .cab-news-item-title { color: #e5e7eb; }
/* var(--text-secondary) нигде не определён → фолбэк #4b5563 тёмный на тёмном */
.night-mode .cab-news-item-body { color: #d1d5db; }
/* Цветные бейджи-теги новостей: светлые пастельные плашки → тёмные подложки */
.night-mode .cab-news-tag-hilal { background: color-mix(in srgb, var(--emerald) 18%, transparent); color: #6ee7b7; }
.night-mode .cab-news-tag-update { background: rgba(37,99,235,0.18); color: #93c5fd; }
.night-mode .cab-news-tag-important { background: rgba(220,38,38,0.18); color: #fca5a5; }
/* ── Элемент уведомления на полной странице (хардкод background:#fff :2367) ── */
.night-mode .cab-notify-item {
background: #1a1f2e;
border-color: #374151;
}
.night-mode .cab-notify-item.unread {
background: color-mix(in srgb, var(--emerald) 12%, transparent); /* было #f0fdf4 */
border-color: color-mix(in srgb, var(--emerald) 40%, transparent); /* было #bbf7d0 */
}
.night-mode .cab-notify-item.clickable:hover { background: #151b2b; } /* было #f9fafb */
.night-mode .cab-notify-item.unread.clickable:hover { background: color-mix(in srgb, var(--emerald) 20%, transparent); } /* было #e6fbee */
.night-mode .cab-notify-title { color: #e5e7eb; }
.night-mode .cab-notify-body { color: #d1d5db; } /* var(--text-secondary) фолбэк тёмный */
/* ── Хиляль-карточки (хардкод background:#fff :1827) ── */
.night-mode .cab-hilal-card {
background: #1a1f2e;
border-color: #374151;
}
.night-mode .cab-hilal-card-title { color: #e5e7eb; }
.night-mode .cab-hilal-info-label { color: #9ca3af; }
.night-mode .cab-hilal-info-value { color: #e5e7eb; }
.night-mode .cab-hilal-note {
background: #151b2b;
color: #d1d5db;
}
.night-mode .cab-hilal-promo h3 { color: #e5e7eb; }
.night-mode .cab-hilal-promo p { color: #9ca3af; }
.night-mode .cab-hilal-testimony-row { border-bottom-color: #374151; }
.night-mode .cab-hilal-testimony-month { color: #e5e7eb; }
.night-mode .cab-hilal-testimony-date { color: #9ca3af; }
.night-mode .cab-hilal-notseen { color: #9ca3af; }
/* Поля формы наблюдателя (вложенные панели) */
.night-mode .cab-hilal-form-field label { color: #9ca3af; }
.night-mode .cab-hilal-input {
background: #151b2b;
border-color: #374151;
color: #e5e7eb;
}
.night-mode .cab-hilal-input:focus { background: #1f2937; } /* было #fff — вспышка белым */
/* Статус-бейджи наблюдателя: тёмный текст на светлых плашках → подложки */
.night-mode .cab-hilal-status-pending { background: rgba(245,158,11,0.18); color: #fcd34d; }
.night-mode .cab-hilal-status-approved { background: color-mix(in srgb, var(--emerald) 18%, transparent); color: #6ee7b7; }
.night-mode .cab-hilal-status-rejected { background: rgba(220,38,38,0.18); color: #fca5a5; }
.night-mode .cab-hilal-status-suspended { background: #374151; color: #d1d5db; }
/* ── Premium-оверлей (хардкод rgba(255,255,255,0.7) :1583 — белая пелена) ── */
.night-mode .content-locked-overlay {
background: rgba(17,24,39,0.78);
}
.night-mode .content-locked-overlay p { color: #e5e7eb; }
/* ── Поиск по закладкам (хардкод color:#1f2937 :627 — невидимый ввод) ── */
.night-mode .bm-search { color: #e5e7eb; }
.night-mode .bm-search::placeholder { color: #9ca3af; }
/* .bm-search-wrap фон/бордер — проверить родителя; если хардкод-светлый, добавить: */
.night-mode .bm-search-wrap { background: #151b2b; border-color: #374151; }
/* ════════════════════════════════════════════════════════════
NIGHT-MODE: NOTIFICATION CENTER (css/notification-center.css)
Файл целиком на хардкодах #fff/#111827/#F9FAFB, 0 night-правил.
Подключён и на странице календаря — правила нужны глобально.
════════════════════════════════════════════════════════════ */
/* ── Тост ── */
.night-mode .notif-toast {
background: #1a1f2e;
color: #e5e7eb;
box-shadow: 0 10px 28px rgba(0,0,0,0.5);
}
.night-mode .notif-toast-close { color: #9ca3af; }
.night-mode .notif-toast-close:hover { background: #374151; color: #e5e7eb; }
.night-mode .notif-toast-cat { color: #9ca3af; }
.night-mode .notif-toast-title { color: #e5e7eb; }
.night-mode .notif-toast-body { color: #d1d5db; }
.night-mode .notif-toast-footer { border-top-color: #374151; color: #9ca3af; }
.night-mode .notif-toast-timer { color: #9ca3af; }
/* Сводный «Сегодня» — вложенные элементы (хардкод background:#F9FAFB) */
.night-mode .notif-summary-item {
background: #151b2b;
border-left-color: #374151;
}
.night-mode .notif-summary-item-head { color: #e5e7eb; }
.night-mode .notif-summary-item-body { color: #d1d5db; }
/* ── Панель истории ── */
.night-mode .notif-history-panel {
background: #1a1f2e;
border-color: #374151;
box-shadow: 0 12px 32px rgba(0,0,0,0.55);
}
.night-mode .notif-history-empty { color: #9ca3af; }
.night-mode .notif-history-item {
background: #151b2b; /* было #FAFAFA */
border-color: #374151;
}
.night-mode .notif-history-item:hover { background: #1f2937; } /* было #F3F4F6 */
.night-mode .notif-history-item.unread {
background: rgba(217,119,6,0.15); /* было #FEF3C7 */
border-color: rgba(217,119,6,0.4); /* было #FDE68A */
}
.night-mode .notif-history-item-cat { color: #9ca3af; }
.night-mode .notif-history-item-time { color: #9ca3af; }
.night-mode .notif-history-item-title { color: #e5e7eb; }
.night-mode .notif-history-item-body { color: #d1d5db; }
/* Градиент-затухание ::after повторяет фон карточки — перекрыть под тёмный */
.night-mode .notif-history-item-body::after {
background: linear-gradient(to bottom, transparent, #151b2b);
}
.night-mode .notif-history-item.unread .notif-history-item-body::after {
background: linear-gradient(to bottom, transparent, #2a2412);
}
.night-mode .notif-history-item:hover .notif-history-item-body::after {
background: linear-gradient(to bottom, transparent, #1f2937);
}
/* Шапка истории (--notif-primary-bg #EDE9FE светлая) → тёмная фиолетовая */
.night-mode .notif-history-header {
background: rgba(124,58,237,0.18);
color: #c4b5fd;
border-bottom-color: rgba(124,58,237,0.4);
}
.night-mode .notif-history-close,
.night-mode .notif-history-clear { color: #c4b5fd; }
.night-mode .notif-toast-link a,
.night-mode .notif-toast-history-btn,
.night-mode .notif-history-item-reshow { color: #c4b5fd; }
/* ============================================================
HALAL — добор night-mode (то, чего нет в текущей халяльной секции ~1080-1250)
============================================================ */
/* --- Блок фетвы: текст параграфа.
.fatwa-box{color:#a7f3d0} уже есть, но более конкретный
.fatwa-box p (halal-ingredients.css:227) перебивает его своим
тёмно-зелёным #166534 → нечитаемо на тёмном фоне коробки. --- */
.night-mode .fatwa-box p { color: #a7f3d0; }