/* * Site themes — paleta de cores por site, dirigida pelo atributo * data-site no . O valor é o `app.custom` setado pelo * DomainConfigMiddleware (dblit, bdlp, catarinense, maranhense, * leatb, lpti). * * Variáveis expostas para chrome (sidebar, brand, links de nav): * --site-primary — cor da marca (CTAs, links ativos) * --site-primary-dark — variante escura (hover, sidebar bg) * --site-sidebar-bg — fundo da sidebar * --site-sidebar-text — texto padrão na sidebar * --site-sidebar-active — fundo do item ativo na sidebar */ :root { --site-primary: #1c4182; --site-primary-dark: #0d2c5a; --site-primary-light: #3a7bd5; --site-soft: #f4f6fb; --site-border: #e9ecef; --site-sidebar-bg: #1f2937; --site-sidebar-text: rgba(255, 255, 255, 0.82); --site-sidebar-text-muted: rgba(255, 255, 255, 0.55); --site-sidebar-active: rgba(255, 255, 255, 0.10); --site-brand-text: #ffffff; } body[data-site="dblit"] { --site-primary: #0f766e; --site-primary-dark: #115e59; --site-primary-light: #14b8a6; --site-soft: #ecfdf5; --site-sidebar-bg: #0a3d39; } body[data-site="lpti"] { --site-primary: #166534; --site-primary-dark: #14532d; --site-primary-light: #16a34a; --site-soft: #dcfce7; --site-sidebar-bg: #0f3d20; } body[data-site="bdlp"] { --site-primary: #1c4182; --site-primary-dark: #0d2c5a; --site-primary-light: #3a7bd5; --site-soft: #dbeafe; --site-sidebar-bg: #0d2c5a; } body[data-site="catarinense"] { --site-primary: #7c1d3e; --site-primary-dark: #5b1530; --site-primary-light: #be185d; --site-soft: #fce7f3; --site-sidebar-bg: #4a1126; } body[data-site="maranhense"] { --site-primary: #9a3412; --site-primary-dark: #7c2d12; --site-primary-light: #ea580c; --site-soft: #ffedd5; --site-sidebar-bg: #5c2010; } body[data-site="leatb"] { --site-primary: #6b21a8; --site-primary-dark: #581c87; --site-primary-light: #9333ea; --site-soft: #f3e8ff; --site-sidebar-bg: #3b0764; } /* ─── Cards do AdminLTE ─────────────────────────────────── * Sobrescreve a variável que o AdminLTE define como azul * Bootstrap (#0d6efd). Afeta: * - .card.card-outline.card-primary → faixa superior 3px * - .card.card-primary (sem outline) → fundo do card-header */ .card-primary, .bg-primary, .text-bg-primary { --lte-card-variant-bg: var(--site-primary); } /* ─── Sidebar ─────────────────────────────────────────── */ .app-sidebar { background-color: var(--site-sidebar-bg) !important; } .app-sidebar .brand-link { color: var(--site-brand-text); } .app-sidebar .brand-link:hover { color: var(--site-brand-text); } .app-sidebar .brand-text { color: var(--site-brand-text); } .app-sidebar .nav-sidebar .nav-link { color: var(--site-sidebar-text); } .app-sidebar .nav-sidebar .nav-link:hover { background-color: var(--site-sidebar-active); color: #ffffff; } .app-sidebar .nav-sidebar .nav-link.active, .app-sidebar .nav-sidebar .nav-item.menu-open > .nav-link { background-color: var(--site-primary); color: #ffffff; } .app-sidebar .nav-sidebar .nav-treeview .nav-link { color: var(--site-sidebar-text-muted); } .app-sidebar .nav-sidebar .nav-treeview .nav-link:hover { color: #ffffff; background-color: var(--site-sidebar-active); } .app-sidebar .nav-sidebar .nav-treeview .nav-link.active { background-color: var(--site-primary); color: #ffffff; } .app-sidebar .nav-icon, .app-sidebar .nav-link p { color: inherit; } /* ─── Navbar / topo ───────────────────────────────────── */ .app-header.navbar .navbar-nav .nav-link { color: var(--bs-body-color); } .app-header.navbar .navbar-nav .nav-link:hover, .app-header.navbar .navbar-nav .nav-link.active { color: var(--site-primary); } /* ─── Faixa de borda no topo da sidebar (acento da marca) ─── */ .app-sidebar::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, var(--site-primary), var(--site-primary-dark)); pointer-events: none; z-index: 1; }