ackFromRedmi
28537447f8
All checks were successful
Deploy MES Core / deploy (push) Successful in 13s
186 lines
4.9 KiB
CSS
186 lines
4.9 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;
|
||
}
|
||
|
||
.registry-filter-date {
|
||
width: 130px;
|
||
}
|
||
|
||
.registry-filter-1c {
|
||
width: 120px;
|
||
}
|
||
|
||
/* Специальный класс для центрирования окна логина (вернем его только там) */
|
||
.sf-attention {
|
||
animation: sfAttentionPulse 1.6s ease-in-out infinite;
|
||
}
|
||
|
||
@keyframes sfAttentionPulse {
|
||
|
||
0%,
|
||
100% {
|
||
box-shadow: 0 0 0 rgba(255, 193, 7, 0);
|
||
}
|
||
|
||
50% {
|
||
box-shadow: 0 0 0.9rem rgba(255, 193, 7, 0.35);
|
||
}
|
||
}
|
||
|
||
@media (prefers-reduced-motion: reduce) {
|
||
.sf-attention {
|
||
animation: none;
|
||
}
|
||
}
|
||
|
||
.flex-center-center {
|
||
display: flex;
|
||
flex-grow: 1;
|
||
align-items: center;
|
||
/* Центр по вертикали */
|
||
justify-content: center;
|
||
/* Центр по горизонтали */
|
||
} |