добавил детальный вид итема, пока недопиленый
All checks were successful
Deploy MES Core / deploy (push) Successful in 8s
All checks were successful
Deploy MES Core / deploy (push) Successful in 8s
This commit is contained in:
@@ -1,38 +1,105 @@
|
||||
/* Акцентные цвета для темной темы */
|
||||
[data-bs-theme="dark"] {
|
||||
--bs-body-bg: #121212;
|
||||
--bs-body-color: #e9ecef;
|
||||
--bs-accent: #ffc107; /* Тот самый желтый */
|
||||
/* --- ГЛОБАЛЬНЫЕ НАСТРОЙКИ --- */
|
||||
|
||||
body {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
min-height: 100vh;
|
||||
/* Убрали общее центрирование, чтобы реестр был сверху */
|
||||
justify-content: flex-start;
|
||||
}
|
||||
|
||||
[data-bs-theme="dark"] .table-custom-header {
|
||||
/* Навбар и Футер: жестко фиксируем цвет для обеих тем */
|
||||
.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 {
|
||||
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; /* Синий акцент для светлой темы */
|
||||
}
|
||||
|
||||
/* --- ТАБЛИЦА И КАРТОЧКИ --- */
|
||||
|
||||
/* Заголовок таблицы: всегда темный с акцентным текстом */
|
||||
.table-custom-header {
|
||||
background-color: #1e1e1e !important;
|
||||
color: var(--bs-accent) !important;
|
||||
font-size: 0.9rem;
|
||||
text-transform: uppercase; /* Все буквы заглавные */
|
||||
}
|
||||
|
||||
/* Акцентные цвета для светлой темы */
|
||||
[data-bs-theme="light"] {
|
||||
--bs-body-bg: #e2e2e2;
|
||||
--bs-body-color: #212529;
|
||||
--bs-accent: #0f5132; /* Темно-зеленый */
|
||||
/* Фикс для таблиц в светлой теме */
|
||||
[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;
|
||||
}
|
||||
/* --- ВСПОМОГАТЕЛЬНЫЕ КЛАССЫ --- */
|
||||
|
||||
/* Текст акцентного цвета */
|
||||
.text-accent { color: var(--bs-accent) !important; }
|
||||
|
||||
/* Кнопка с контуром акцентного цвета */
|
||||
.btn-outline-accent {
|
||||
color: var(--bs-accent) !important;
|
||||
border-color: var(--bs-accent) !important;
|
||||
}
|
||||
|
||||
/* Состояние кнопки при наведении */
|
||||
.btn-outline-accent:hover {
|
||||
background-color: var(--bs-accent) !important;
|
||||
color: #000 !important;
|
||||
color: #000 !important; /* Текст становится черным для контраста */
|
||||
}
|
||||
|
||||
/* Фикс для навигации */
|
||||
.nav-link.active {
|
||||
border-bottom: 2px solid var(--bs-accent);
|
||||
/* Специальный класс для центрирования окна логина (вернем его только там) */
|
||||
.flex-center-center {
|
||||
display: flex;
|
||||
flex-grow: 1;
|
||||
align-items: center; /* Центр по вертикали */
|
||||
justify-content: center; /* Центр по горизонтали */
|
||||
}
|
||||
Reference in New Issue
Block a user