/* Gerado a partir de SYS_PARAMETROS.tema_cor_primaria — ver inc/inc.tema.php::tema_css() */ :root, [data-bs-theme=light], [data-bs-theme=dark] { --bs-primary: #0D688C !important; --bs-primary-rgb: 13, 104, 140 !important; --bs-primary-text-emphasis: #052a38 !important; --bs-primary-bg-subtle: #cfe1e8 !important; --bs-primary-border-subtle: #9ec3d1 !important; --bs-link-color: #0D688C !important; --bs-link-color-rgb: 13, 104, 140 !important; --bs-link-hover-color: #0a5370 !important; --bs-link-hover-color-rgb: 13, 104, 140 !important; --bs-focus-ring-color: rgba(13, 104, 140, .25) !important; /* Heading (h1-h6, ex.: "Atendimentos de hoje") em cinza escuro neutro — não a cor do tema, mesma lógica do menu lateral: só item ativo/link/botão carrega a cor de marca, texto estrutural fica neutro. */ --bs-heading-color: var(--bs-gray-800) !important; /* "info" é o botão de ação da Higia (ver nota acima) — mesma cor de primary */ --bs-info: #0D688C !important; --bs-info-rgb: 13, 104, 140 !important; --bs-info-text-emphasis: #052a38 !important; --bs-info-bg-subtle: #cfe1e8 !important; --bs-info-border-subtle: #9ec3d1 !important; } /* Fundo das páginas no modo claro: cinza neutro do próprio Bootstrap (não deriva da cor do tema), no lugar do azulado de fábrica do Mazer (--bs-body-bg: #f2f7ff). SÓ [data-bs-theme=light] — ":root" sozinho casaria com o mesmo em modo escuro (não é "padrão", é incondicional) e vazava a cor clara pro escuro também. Não mexe no modo escuro. */ [data-bs-theme=light] { --bs-body-bg: var(--bs-gray-100) !important; } /* Heading no modo escuro: cinza CLARO (senão herdava o --bs-gray-800 do bloco acima, ilegível sobre fundo escuro). Regra separada e só [data-bs-theme=dark] pelo mesmo motivo do --bs-body-bg acima. */ [data-bs-theme=dark] { --bs-heading-color: var(--bs-gray-300) !important; } .btn-primary { --bs-btn-bg: #0D688C !important; --bs-btn-border-color: #0D688C !important; --bs-btn-hover-bg: #0b5877 !important; --bs-btn-hover-border-color: #0a5370 !important; --bs-btn-focus-shadow-rgb: 49, 127, 157 !important; --bs-btn-active-bg: #0a5370 !important; --bs-btn-active-border-color: #0a4e69 !important; --bs-btn-disabled-bg: #0D688C !important; --bs-btn-disabled-border-color: #0D688C !important; } .btn-outline-primary { --bs-btn-color: #0D688C !important; --bs-btn-border-color: #0D688C !important; --bs-btn-hover-bg: #0D688C !important; --bs-btn-hover-border-color: #0D688C !important; --bs-btn-focus-shadow-rgb: 13, 104, 140 !important; --bs-btn-active-bg: #0D688C !important; --bs-btn-active-border-color: #0D688C !important; --bs-btn-disabled-color: #0D688C !important; --bs-btn-disabled-border-color: #0D688C !important; } .btn-link { --bs-btn-color: #0D688C !important; --bs-btn-hover-color: #0a5370 !important; --bs-btn-active-color: #0a5370 !important; --bs-btn-focus-shadow-rgb: 49, 127, 157 !important; } /* .btn-info é o botão de ação usada nas telas da Higia ("Novo", "Salvar"...) — ver nota acima */ .btn-info { --bs-btn-color: #fff !important; --bs-btn-bg: #0D688C !important; --bs-btn-border-color: #0D688C !important; --bs-btn-hover-color: #fff !important; --bs-btn-hover-bg: #0b5877 !important; --bs-btn-hover-border-color: #0a5370 !important; --bs-btn-focus-shadow-rgb: 49, 127, 157 !important; --bs-btn-active-color: #fff !important; --bs-btn-active-bg: #0a5370 !important; --bs-btn-active-border-color: #0a4e69 !important; --bs-btn-disabled-color: #fff !important; --bs-btn-disabled-bg: #0D688C !important; --bs-btn-disabled-border-color: #0D688C !important; } .btn-outline-info { --bs-btn-color: #0D688C !important; --bs-btn-border-color: #0D688C !important; --bs-btn-hover-color: #fff !important; --bs-btn-hover-bg: #0D688C !important; --bs-btn-hover-border-color: #0D688C !important; --bs-btn-focus-shadow-rgb: 13, 104, 140 !important; --bs-btn-active-color: #fff !important; --bs-btn-active-bg: #0D688C !important; --bs-btn-active-border-color: #0D688C !important; --bs-btn-disabled-color: #0D688C !important; --bs-btn-disabled-border-color: #0D688C !important; } .bg-light-info, .btn-light-info { background-color: #cfe1e8 !important; color: #052a38 !important; } .dropdown-menu, .dropdown-menu-dark { --bs-dropdown-link-active-bg: #0D688C !important; } .nav-pills { --bs-nav-pills-link-active-bg: #0D688C !important; } .nav-tabs .nav-link.active { color: #0D688C !important; } .nav-tabs .nav-link.active:after { background-color: #0D688C !important; box-shadow: 0 2px 5px rgba(13, 104, 140, .5) !important; } .pagination { --bs-pagination-color: #0D688C !important; --bs-pagination-focus-color: #0a5370 !important; --bs-pagination-focus-box-shadow: 0 0 0 .25rem rgba(13, 104, 140, .25) !important; --bs-pagination-active-bg: #0D688C !important; --bs-pagination-active-border-color: #0D688C !important; } .pagination.pagination-primary .page-item.active .page-link { background-color: #0D688C !important; border-color: #0D688C !important; box-shadow: 0 2px 5px rgba(13, 104, 140, .3) !important; } .progress, .progress-stacked { --bs-progress-bar-bg: #0D688C !important; } .progress.progress-primary .progress-bar { background-color: #0D688C !important; } .list-group { --bs-list-group-active-bg: #0D688C !important; --bs-list-group-active-border-color: #0D688C !important; } .alert-primary { background-color: #0D688C !important; } .form-check-input:checked, .form-check-input[type=checkbox]:indeterminate, .form-check .form-check-input.form-check-primary, .form-check.form-check-primary .form-check-input { background-color: #0D688C !important; border-color: #0D688C !important; } .form-range::-webkit-slider-thumb { background-color: #0D688C !important; } .form-range::-moz-range-thumb { background-color: #0D688C !important; } /* Mazer — menu lateral e breadcrumb (cor fixa no compilado, não var()) */ .sidebar-wrapper .menu .sidebar-item.active > .sidebar-link { background-color: #0D688C !important; } .sidebar-wrapper .menu .submenu .submenu-item.active > a, .sidebar-wrapper .menu .submenu .submenu-item a:hover { color: #0D688C !important; } /* Item/ícone em repouso e o título "Menu": cinza neutro (não a cor do tema), pra combinar com qualquer cor que tema_cor_primaria venha a ter. Só o item ativo (acima) e o hover acompanham a cor do sistema. */ .sidebar-wrapper .menu .sidebar-title, .sidebar-wrapper .menu .sidebar-link, .sidebar-wrapper .menu .submenu .submenu-item a { color: var(--bs-body-color) !important; } .sidebar-wrapper .menu .sidebar-link svg, .sidebar-wrapper .menu .sidebar-link i { color: var(--bs-secondary-color) !important; } .breadcrumb { --bs-breadcrumb-item-active-color: #0D688C !important; } /* Accordion (ex.: telas de permissão) — item aberto, hoje um azul fixo do Mazer */ .accordion { --bs-accordion-active-color: #0c5e7e !important; --bs-accordion-active-bg: #e7f0f4 !important; --bs-accordion-btn-focus-border-color: #86b4c6 !important; --bs-accordion-btn-focus-box-shadow: 0 0 0 .25rem rgba(13, 104, 140, .25) !important; --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c5e7e'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important; }