/** * Orbit SMS — harmonisation du mode sombre (style proche Modernize). * Chargé après styles.min.css ; s’appuie sur data-bs-theme sur . */ /* --- Header : pastille notifications (ancrage sur la cloche, pas sur le nav-link 70px) --- */ .orbit-notif-bell-anchor { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 1.85rem; height: 1.85rem; flex-shrink: 0; } .orbit-notif-badge { position: absolute; top: -4px; right: -10px; left: auto; transform: none; z-index: 2; font-size: 0.65rem !important; font-weight: 700; line-height: 1.1; padding: 0.18rem 0.4rem !important; min-width: 1.1rem; text-align: center; pointer-events: none; } /* --- Page & shell -------------------------------------------------------- */ [data-bs-theme='dark'] body { background-color: var(--bs-body-bg); color: var(--bs-body-color); } [data-bs-theme='dark'] .page-wrapper { background-color: var(--bs-body-bg); } [data-bs-theme='dark'] #main-wrapper[data-layout='vertical'][data-sidebartype='full'] .body-wrapper { background-color: var(--bs-body-bg); } /* --- Header top (navbar) -------------------------------------------------- */ [data-bs-theme='dark'] .app-header { background-color: var(--bs-body-bg) !important; border-bottom-color: rgba(255, 255, 255, 0.08) !important; } [data-bs-theme='dark'] .app-header .navbar .nav-link { color: rgba(255, 255, 255, 0.85); } [data-bs-theme='dark'] .app-header .navbar .nav-link.text-body-secondary { color: rgba(255, 255, 255, 0.65) !important; } /* --- Sidebar (même esprit que Modernize : fond navy, texte clair) ---------- */ [data-bs-theme='dark'] .left-sidebar { background-color: #1c2737 !important; border-right: 1px solid rgba(255, 255, 255, 0.06) !important; } [data-bs-theme='dark'] .brand-logo { color: #fff; } [data-bs-theme='dark'] .brand-logo a { color: inherit; } [data-bs-theme='dark'] .nav-small-cap { color: rgba(255, 255, 255, 0.45) !important; } [data-bs-theme='dark'] .sidebar-nav ul .sidebar-item .sidebar-link { color: rgba(255, 255, 255, 0.78) !important; } [data-bs-theme='dark'] .sidebar-nav ul .sidebar-item .sidebar-link:hover { background-color: rgba(93, 135, 255, 0.12) !important; color: #fff !important; } [data-bs-theme='dark'] .sidebar-nav ul .sidebar-item.selected > .sidebar-link.active, [data-bs-theme='dark'] .sidebar-nav ul .sidebar-item > .sidebar-link.active { background-color: #5d87ff !important; color: #fff !important; } [data-bs-theme='dark'] .unlimited-access { background-color: rgba(93, 135, 255, 0.1) !important; } [data-bs-theme='dark'] .unlimited-access .unlimited-access-title h6 { color: #fff !important; } /* --- Utilitaires thème : bg-light-primary reste « pastel » en BS étendu --- */ [data-bs-theme='dark'] .bg-light-primary { background-color: rgba(93, 135, 255, 0.12) !important; color: var(--bs-body-color); } [data-bs-theme='dark'] .badge.bg-light-primary.text-primary { background-color: rgba(93, 135, 255, 0.2) !important; color: #a8c0ff !important; } /* Bandeau titre page (Organisations, etc.) — style carte navy comme Modernize */ .orbit-page-hero { border-radius: 0.75rem; padding: 1.5rem; margin-bottom: 1.5rem; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 1rem; background-color: var(--bs-light-primary); } [data-bs-theme='dark'] .orbit-page-hero { background: linear-gradient(135deg, #243652 0%, #1c2737 100%) !important; border: 1px solid rgba(93, 135, 255, 0.22); box-shadow: 0 4px 24px rgba(0, 0, 0, 0.25); } [data-bs-theme='dark'] .orbit-page-hero-title { color: #fff !important; } [data-bs-theme='dark'] .orbit-page-hero-breadcrumb { color: rgba(255, 255, 255, 0.65) !important; } [data-bs-theme='dark'] .orbit-page-hero .orbit-hero-art { opacity: 0.95; filter: saturate(1.05); } /* --- Cartes & tableaux ---------------------------------------------------- */ [data-bs-theme='dark'] .card { border-color: rgba(255, 255, 255, 0.08); background-color: var(--bs-body-bg); } [data-bs-theme='dark'] .table { --bs-table-bg: transparent; --bs-table-color: var(--bs-body-color); border-color: rgba(255, 255, 255, 0.08); } [data-bs-theme='dark'] .table thead th { color: rgba(255, 255, 255, 0.88) !important; border-bottom-color: rgba(255, 255, 255, 0.1); } [data-bs-theme='dark'] .table tbody tr { border-color: rgba(255, 255, 255, 0.06); } [data-bs-theme='dark'] .input-group-text { background-color: rgba(255, 255, 255, 0.05); border-color: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.7); } [data-bs-theme='dark'] .form-control { background-color: rgba(255, 255, 255, 0.04); border-color: rgba(255, 255, 255, 0.12); color: var(--bs-body-color); } [data-bs-theme='dark'] .form-control::placeholder { color: rgba(255, 255, 255, 0.45); } /* --- Nav pills (demandes d’adhésion) ------------------------------------- */ [data-bs-theme='dark'] .nav-pills .nav-link { color: rgba(255, 255, 255, 0.75); background-color: rgba(255, 255, 255, 0.06); } [data-bs-theme='dark'] .nav-pills .nav-link.active { background-color: #5d87ff; color: #fff; } /* --- Footer --------------------------------------------------------------- */ [data-bs-theme='dark'] .orbit-footer { border-top-color: rgba(255, 255, 255, 0.08) !important; } /* Notifications dropdown — lignes non lues */ .orbit-notification-unread { background-color: rgba(var(--bs-primary-rgb), 0.12); } [data-bs-theme='dark'] .orbit-notification-unread { background-color: rgba(93, 135, 255, 0.15); } /* --- Modales & listes (rejoindre org, etc.) ------------------------------ */ [data-bs-theme='dark'] .modal-content { background-color: #1c2737; border-color: rgba(255, 255, 255, 0.1); color: var(--bs-body-color); } [data-bs-theme='dark'] .list-group-item { background-color: rgba(255, 255, 255, 0.04); border-color: rgba(255, 255, 255, 0.1); color: var(--bs-body-color); } [data-bs-theme='dark'] .list-group-item:hover { background-color: rgba(93, 135, 255, 0.12); } /* --- Multi-select combobox (pastilles + recherche + liste) ---------------- */ [x-cloak] { display: none !important; } .orbit-multi-select__combobox { min-height: calc(2.65rem + 2px); cursor: text; } .orbit-multi-select__combobox.is-invalid { border-color: var(--bs-form-invalid-border-color, var(--bs-danger)); } .orbit-multi-select__input { min-width: 6rem; outline: none; } .orbit-multi-select__input::placeholder { color: var(--bs-secondary-color); opacity: 0.85; } .orbit-multi-select__toggle { min-width: 1.75rem; } .orbit-multi-select__chip { display: inline-flex; align-items: center; gap: 0.15rem; max-width: 100%; padding: 0.2rem 0.35rem 0.2rem 0.55rem; border-radius: 10rem; font-size: 0.8125rem; font-weight: 500; line-height: 1.2; } .orbit-multi-select__chip-label { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 14rem; } .orbit-multi-select__chip--success { background-color: var(--bs-success); color: #fff; } .orbit-multi-select__chip--success .orbit-multi-select__chip-remove { color: rgba(255, 255, 255, 0.85); } .orbit-multi-select__chip--success .orbit-multi-select__chip-remove:hover { color: #fff; } .orbit-multi-select__chip--primary { background-color: var(--bs-light-primary, #ecf2ff); color: var(--bs-primary); } .orbit-multi-select__chip--primary .orbit-multi-select__chip-remove { color: var(--bs-primary); opacity: 0.75; } .orbit-multi-select__chip--secondary { background-color: var(--bs-light-secondary, #e8f7ff); color: var(--bs-body-color); } .orbit-multi-select__chip--secondary .orbit-multi-select__chip-remove { color: var(--bs-body-color); opacity: 0.65; } .orbit-multi-select__dropdown { --orbit-ms-row-hover: rgba(var(--bs-primary-rgb, 13, 110, 253), 0.08); } .orbit-multi-select__row { cursor: pointer; transition: background-color 0.1s ease; } .orbit-multi-select__row:hover, .orbit-multi-select__row:focus-visible { background-color: var(--orbit-ms-row-hover) !important; outline: none; } .orbit-multi-select__row--hl { background-color: rgba(var(--bs-danger-rgb, 220, 53, 69), 0.12) !important; box-shadow: inset 3px 0 0 var(--bs-danger); } .orbit-multi-select__row:focus-visible { box-shadow: inset 0 0 0 1px rgba(var(--bs-primary-rgb, 13, 110, 253), 0.35); } [data-bs-theme='dark'] .orbit-multi-select__dropdown { --orbit-ms-row-hover: rgba(93, 135, 255, 0.14); } [data-bs-theme='dark'] .orbit-multi-select__row--hl { background-color: rgba(250, 137, 107, 0.18) !important; box-shadow: inset 3px 0 0 var(--bs-danger); } [data-bs-theme='dark'] .orbit-multi-select__chip--primary { background-color: rgba(93, 135, 255, 0.2); color: var(--bs-body-color); }