/* HMF Theme Override — terapkan gaya Sukadaya (oranye/krem) di atas AdminLTE 2. * Dimuat PALING AKHIR di agar menang cascade atas adminlte.min.css. * Memakai token dari theme-tokens.css (--hmf-*). !important dipakai terbatas * pada properti brand karena skin AdminLTE (.skin-blue/.skin-purple/...) punya * specificity tinggi dan harus dikalahkan lintas semua role. */ /* ---- Base ---- */ body, .content-wrapper, .right-side, .wrapper { background-color: var(--hmf-bg) !important; font-family: var(--hmf-font-body); color: var(--hmf-text); } .content-header > h1 { font-family: var(--hmf-font-display); color: var(--hmf-text); } .content-header > h1 > small { color: var(--hmf-text-muted); } /* ---- Header / Navbar (override semua skin) ---- */ .main-header .navbar { background-color: var(--hmf-primary) !important; } .main-header .logo { background-color: var(--hmf-primary-dark) !important; color: #fff !important; font-family: var(--hmf-font-display); } .main-header .logo:hover { background-color: var(--hmf-primary-dark) !important; filter: brightness(0.95); } .main-header .navbar .nav > li > a, .main-header .navbar .sidebar-toggle { color: #fff !important; } .main-header .navbar .nav > li > a:hover, .main-header .navbar .nav > li > a:focus, .main-header .navbar .nav .open > a, .main-header .navbar .sidebar-toggle:hover { background-color: var(--hmf-primary-dark) !important; color: #fff !important; } /* ---- Sidebar (biarkan gelap, aksen aktif = brand) ---- */ .sidebar-menu > li.active > a, .sidebar-menu > li:hover > a { border-left-color: var(--hmf-primary) !important; } .sidebar-menu > li.active > a { color: #fff !important; } /* ---- Boxes / Cards ---- */ .box { border-radius: var(--hmf-radius-sm); box-shadow: var(--hmf-shadow); border-top-color: var(--hmf-primary); } .box.box-primary { border-top-color: var(--hmf-primary) !important; } .box.box-info { border-top-color: var(--hmf-secondary) !important; } .box-header .box-title { font-family: var(--hmf-font-display); color: var(--hmf-text); } /* ---- Buttons ---- */ .btn-primary { background-color: var(--hmf-primary) !important; border-color: var(--hmf-primary-dark) !important; } .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active { background-color: var(--hmf-primary-dark) !important; border-color: var(--hmf-primary-dark) !important; } .btn-success { background-color: var(--hmf-success) !important; border-color: var(--hmf-success) !important; } .btn-default { border-radius: var(--hmf-radius-md); } .btn { border-radius: var(--hmf-radius-md); } /* ---- Brand-tinted backgrounds & labels ---- */ .bg-primary, .label-primary, .bg-orange { background-color: var(--hmf-primary) !important; } .text-primary { color: var(--hmf-primary) !important; } .bg-teal, .bg-aqua { background-color: var(--hmf-secondary) !important; } /* ---- Tables ---- */ .table > thead > tr > th, table.dataTable thead th { background-color: var(--hmf-table-head); color: var(--hmf-text); } .table > tbody > tr.success > td { background-color: var(--hmf-row-partial); } td.text-right, th.text-right, .text-money { text-align: right; font-variant-numeric: tabular-nums; } /* ---- Modals & SweetAlert ---- */ .modal-content { border-radius: var(--hmf-radius-md); } .modal-header { border-top-left-radius: var(--hmf-radius-md); border-top-right-radius: var(--hmf-radius-md); } .swal-modal, .sweet-alert { border-radius: var(--hmf-radius); } /* ---- Form controls ---- */ .form-control { border-radius: var(--hmf-radius-sm); } .form-control:focus { border-color: var(--hmf-primary); box-shadow: 0 0 0 2px rgba(217,104,58,0.15); } /* ---- Pagination / links ---- */ a { color: var(--hmf-primary); } a:hover, a:focus { color: var(--hmf-primary-dark); } .pagination > .active > a, .pagination > .active > a:hover { background-color: var(--hmf-primary); border-color: var(--hmf-primary-dark); } /* ---- Small/info boxes (dashboard widgets) ---- */ .small-box.bg-orange, .small-box.bg-primary { background-color: var(--hmf-primary) !important; } .info-box-icon.bg-orange, .info-box-icon.bg-primary { background-color: var(--hmf-primary) !important; }