/* ========================================================================== wms-theme.css — единая ТЁМНАЯ тема WMS (эталон: тёмный режим chat.html) Подключается одной строкой: Работает поверх Bootstrap. На странице должен быть выставлен тёмный режим: — тогда компоненты BS (модалки, дропдауны, поля, таблицы) тоже тёмные, а эта тема добавляет палитру чата и синие акценты. Светлого режима в приложении больше нет. ========================================================================== */ :root { --wms-blue: #1d4ed8; --wms-blue-hover: #2a5adf; --wms-blue-active: #1a40b0; --wms-link: #8ab4ff; --wms-link-hover: #a9c5ff; --wms-bg: #16191c; --wms-nav: #1f2327; --wms-card: #23282d; --wms-border: #2f353b; --bs-primary: #1d4ed8; --bs-primary-rgb: 29, 78, 216; --bs-link-color: #8ab4ff; --bs-link-color-rgb: 138, 180, 255; --bs-link-hover-color: #a9c5ff; } /* Фон приложения — как тёмный чат */ body { background: var(--wms-bg); } /* Кнопки — единый радиус и вес */ .btn { border-radius: 10px; font-weight: 600; } .btn-lg { border-radius: 12px; } .btn-sm { border-radius: 8px; } /* Первичные кнопки — синие */ .btn-primary { --bs-btn-bg: var(--wms-blue); --bs-btn-border-color: var(--wms-blue); --bs-btn-color: #fff; --bs-btn-hover-bg: var(--wms-blue-hover); --bs-btn-hover-border-color: var(--wms-blue-hover); --bs-btn-hover-color: #fff; --bs-btn-active-bg: var(--wms-blue-active); --bs-btn-active-border-color: var(--wms-blue-active); --bs-btn-disabled-bg: var(--wms-blue); --bs-btn-disabled-border-color: var(--wms-blue); } .btn-outline-primary { --bs-btn-color: var(--wms-link); --bs-btn-border-color: #3b5478; --bs-btn-hover-bg: var(--wms-blue); --bs-btn-hover-border-color: var(--wms-blue); --bs-btn-hover-color: #fff; --bs-btn-active-bg: var(--wms-blue); --bs-btn-active-border-color: var(--wms-blue); } /* primary-утилиты на тёмном */ .text-primary { color: var(--wms-link) !important; } .bg-primary { background-color: var(--wms-blue) !important; } .border-primary { border-color: #3b5478 !important; } .text-bg-primary { background-color: var(--wms-blue) !important; color: #fff !important; } .badge.bg-primary, .badge.text-bg-primary { background-color: var(--wms-blue) !important; color: #fff; } .link-primary { color: var(--wms-link) !important; } a { color: var(--wms-link); } a:hover { color: var(--wms-link-hover); } /* Карточки — как пузырьки чата: скруглённые */ .card { border-radius: 14px; } /* Поля ввода — синий фокус */ .form-control:focus, .form-select:focus { border-color: #3b5478; box-shadow: 0 0 0 .2rem rgba(29, 78, 216, .28); } /* ===== Единый тёмный навбар в стиле чата (класс wms-nav) ===== */ .wms-nav { background: var(--wms-nav) !important; min-height: 56px; border-bottom: 1px solid var(--wms-border); box-shadow: 0 2px 8px rgba(0, 0, 0, .25); } .wms-nav .navbar-brand, .wms-nav .navbar-brand i { color: #e6e9ec !important; } .wms-nav .text-muted { color: #9aa4b2 !important; } .wms-nav .text-primary, .wms-nav .text-danger { color: #e6e9ec !important; } .wms-nav .badge.bg-secondary { background-color: rgba(255, 255, 255, .14) !important; color: #e6e9ec; }