/* --- ГЛОБАЛЬНЫЕ НАСТРОЙКИ --- */ body { display: flex; flex-direction: column; min-height: 100vh; /* Убрали общее центрирование, чтобы реестр был сверху */ justify-content: flex-start; } /* Навбар и Футер: жестко фиксируем цвет для обеих тем */ .navbar, .footer-custom { /* Темный графит, который хорошо смотрится и там, и там */ background-color: #2c3034 !important; border-bottom: 1px solid #3d4246 !important; border-top: 1px solid #3d4246 !important; /* Для футера */ } /* Принудительно светлый текст для футера и навбара */ .navbar .nav-link, .navbar .navbar-brand, .footer-custom span, .footer-custom strong, .footer-custom .text-muted { color: #e9ecef !important; } /* Состояние активной ссылки в меню */ .nav-link.active { color: var(--bs-accent) !important; border-bottom: 2px solid var(--bs-accent); } /* Цвет ссылок в темном навбаре, чтобы не сливались */ .navbar .nav-link, .navbar .navbar-brand, .navbar .text-reset { color: #e9ecef !important; } /* --- РЕЕСТР --- */ /* Делаем строку таблицы визуально кликабельной */ .clickable-row { cursor: pointer; transition: background-color 0.2s ease; } /* Подсветка при наведении */ .clickable-row:hover { background-color: rgba(255, 193, 7, 0.05) !important; /* Легкий отсвет нашего акцента */ } /* --- ТЕМЫ --- */ [data-bs-theme="dark"] { --bs-body-bg: #121212; /* Глубокий черный фон */ --bs-body-color: #e9ecef; /* Светло-серый текст */ --bs-accent: #ffc107; /* Желтый акцент (Amber) */ } [data-bs-theme="light"] { --bs-body-bg: #f8f9fa; /* Почти белый фон */ --bs-body-color: #212529; /* Темный текст */ --bs-accent: #0d6efd; /* Синий акцент для светлой темы */ } [data-bs-theme="dark"] input[type="date"] { color-scheme: dark; } [data-bs-theme="dark"] .form-control[type="date"] { background-color: #1e1e1e; border-color: #3d4246; color: #e9ecef; } [data-bs-theme="dark"] input[type="date"]::-webkit-calendar-picker-indicator { filter: invert(1) brightness(1.4) contrast(1.2); opacity: 0.95; } [data-bs-theme="light"] input[type="date"] { color-scheme: light; } /* --- ТАБЛИЦА И КАРТОЧКИ --- */ /* Заголовок таблицы: всегда темный с акцентным текстом */ .table-custom-header { background-color: #1e1e1e !important; color: var(--bs-accent) !important; font-size: 0.9rem; text-transform: uppercase; /* Все буквы заглавные */ } /* Фикс для таблиц в светлой теме */ [data-bs-theme="light"] .table { --bs-table-bg: #ffffff; --bs-table-color: #212529; --bs-table-hover-bg: #f1f3f5; } /* --- ВСПОМОГАТЕЛЬНЫЕ КЛАССЫ --- */ /* Текст акцентного цвета */ .text-accent { color: var(--bs-accent) !important; } /* Кнопка с контуром акцентного цвета */ .btn-outline-accent { color: var(--bs-accent) !important; border-color: var(--bs-accent) !important; } .btn-check:checked + .btn-outline-accent, .btn-outline-accent.active, .btn-outline-accent:active { background-color: var(--bs-accent) !important; border-color: var(--bs-accent) !important; } [data-bs-theme="dark"] .btn-outline-accent:hover, [data-bs-theme="dark"] .btn-check:checked + .btn-outline-accent, [data-bs-theme="dark"] .btn-outline-accent.active, [data-bs-theme="dark"] .btn-outline-accent:active { color: #212529 !important; } [data-bs-theme="light"] .btn-outline-accent:hover, [data-bs-theme="light"] .btn-check:checked + .btn-outline-accent, [data-bs-theme="light"] .btn-outline-accent.active, [data-bs-theme="light"] .btn-outline-accent:active { color: #ffffff !important; } /* Специальный класс для центрирования окна логина (вернем его только там) */ .flex-center-center { display: flex; flex-grow: 1; align-items: center; /* Центр по вертикали */ justify-content: center; /* Центр по горизонтали */ }