ackFromRedmi
6013d5854b
All checks were successful
Deploy MES Core / deploy (push) Successful in 10s
126 lines
4.4 KiB
CSS
126 lines
4.4 KiB
CSS
/* --- ГЛОБАЛЬНЫЕ НАСТРОЙКИ --- */
|
||
|
||
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; /* Центр по горизонтали */
|
||
} |