/** * SIMBAHMU — override tema palet hijau hutan (Rencana §10). * Dimuat PALING AKHIR di (lihat layouts/sections/styles.blade.php), * sehingga menimpa primary biru bawaan template Frest meski file tema ter-revert. * * green:#13834b green-hover:#1aa15c green-dark:#0b6b3a green-soft:#e9f7ef */ :root { --bs-primary: #13834b; --bs-primary-rgb: 19, 131, 75; --green: #13834b; --green-dark: #0b6b3a; --green-soft: #e9f7ef; --orange: #f28c18; --purple: #6c42b6; --red: #e53935; --blue: #1976d2; --yellow: #f5b400; --bg: #f6f8fb; --text: #263238; --muted: #6b7280; --border: #e5e7eb; --card: #ffffff; } /* ---- Buttons ---- */ .btn-primary { color: #fff !important; background-color: #13834b !important; border-color: #13834b !important; } .btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-check:focus + .btn-primary { color: #fff !important; background-color: #1aa15c !important; border-color: #1aa15c !important; } .btn-primary:active, .btn-primary.active, .btn-check:checked + .btn-primary, .btn-check:active + .btn-primary, .show > .btn-primary.dropdown-toggle { color: #fff !important; background-color: #0b6b3a !important; border-color: #0b6b3a !important; } .btn-primary.disabled, .btn-primary:disabled { background-color: #13834b !important; border-color: #13834b !important; } .btn-outline-primary { color: #13834b !important; border-color: #13834b !important; } .btn-outline-primary:hover, .btn-outline-primary:active, .btn-outline-primary.active { color: #fff !important; background-color: #13834b !important; border-color: #13834b !important; } /* Frest label buttons */ .btn-label-primary { color: #13834b !important; background-color: #e9f7ef !important; border-color: transparent !important; } .btn-label-primary:hover { color: #fff !important; background-color: #13834b !important; } /* ---- Backgrounds / text / links ---- */ .bg-primary { background-color: #13834b !important; } .text-primary { color: #13834b !important; } .text-bg-primary { background-color: #13834b !important; color: #fff !important; } a { color: #13834b; } a:hover { color: #0b6b3a; } .footer-link:hover { color: #0b6b3a !important; } /* ---- Soft label badges ---- */ .bg-label-primary { background-color: #e9f7ef !important; color: #13834b !important; } .badge.bg-primary { background-color: #13834b !important; color: #fff !important; } /* ---- Forms ---- */ .form-control:focus, .form-select:focus { border-color: #13834b !important; box-shadow: 0 0 0.25rem 0.05rem rgba(19, 131, 75, 0.15) !important; } .form-check-input:checked { background-color: #13834b !important; border-color: #13834b !important; } .form-check-input:focus { border-color: #13834b !important; box-shadow: 0 0 0.25rem 0.05rem rgba(19, 131, 75, 0.15) !important; } /* ---- Sidebar active menu (Frest) ---- */ .bg-menu-theme .menu-inner > .menu-item.active > .menu-link { color: #0b6b3a !important; } /* Dot indikator submenu aktif (default abu #677788) → hijau */ .menu-light .menu-inner > .menu-item.open .menu-item.active > .menu-link::before, .menu-inner > .menu-item.open .menu-item.active > .menu-link::before { background-color: #13834b !important; } .menu-item.active > .menu-link:not(.menu-toggle) { background-color: #e9f7ef !important; color: #0b6b3a !important; } .menu-sub > .menu-item.active > .menu-link { color: #0b6b3a !important; } /* ---- App brand ---- */ .app-brand-text { color: #13834b !important; } /* ---- Nav pills / tabs ---- */ .nav-pills .nav-link.active, .nav-pills .show > .nav-link { background-color: #13834b !important; color: #fff !important; } .nav-tabs .nav-link.active { border-bottom-color: #13834b !important; color: #13834b !important; } /* ---- Pagination ---- */ .page-item.active .page-link, .page-item.active .page-link:hover, .page-item.active .page-link:focus { background-color: #13834b !important; border-color: #13834b !important; color: #fff !important; } .page-link { color: #13834b; } .page-link:hover { color: #0b6b3a; } /* ---- Misc ---- */ .progress-bar { background-color: #13834b; } .dropdown-item.active, .dropdown-item:active { background-color: #13834b !important; color: #fff !important; } .list-group-item.active { background-color: #13834b !important; border-color: #13834b !important; } /* ---- text-primary: paksa hijau dengan spesifisitas lebih tinggi ---- */ html .text-primary, html.dark-style .text-primary, html.light-style .text-primary { color: #13834b !important; } /* ---- Datepicker: active/selected/today = hijau ---- */ .datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.highlighted, .datepicker table tr td.range-start, .datepicker table tr td.range-end, .datepicker table tr td span.active, .datepicker table tr td span.active.disabled { background: #13834b !important; color: #fff !important; } .datepicker table tr td.today:not(.active) { border: 2px solid #13834b !important; color: #13834b; } .datepicker .datepicker-switch:hover, .datepicker .prev:hover, .datepicker .next:hover { color: #13834b !important; } /* dark-style cw background (was #2e374a blue) */ .dark-style .datepicker table tr td.cw { background: #1e3226 !important; } .dark-style .datepicker table tr td.day:hover, .dark-style .datepicker table tr td.focused { background: rgba(19, 131, 75, 0.1) !important; } /* ---- Bootstrap Select: selected item hijau ---- */ .bootstrap-select .dropdown-menu.inner a[aria-selected=true], .bootstrap-select .dropdown-menu li.selected > a, .bootstrap-select .dropdown-menu li.active > a { color: #13834b !important; background-color: rgba(19, 131, 75, 0.1) !important; } .dark-style .bootstrap-select .dropdown-menu.inner a[aria-selected=true], .dark-style .bootstrap-select .dropdown-menu li.selected > a, .dark-style .bootstrap-select .dropdown-menu li.active > a { color: #1aa15c !important; background-color: rgba(19, 131, 75, 0.15) !important; } /* ---- Bootstrap Select dark-mode override ---- */ .dark-style .btn-default, .dark-style .bootstrap-select > .dropdown-toggle.btn-default { background-color: #1f3327 !important; border-color: #3d6b50 !important; color: #a1b0cb !important; } .dark-style .btn-default:hover, .dark-style .bootstrap-select > .dropdown-toggle.btn-default:hover, .dark-style .bootstrap-select > .dropdown-toggle.btn-default:focus, .dark-style .bootstrap-select.show > .dropdown-toggle.btn-default { background-color: #243f2f !important; border-color: #4a8060 !important; color: #d8deea !important; } .dark-style .bootstrap-select .dropdown-menu { background-color: #1f3327 !important; border-color: #3d6b50 !important; } .dark-style .bootstrap-select .dropdown-menu .dropdown-item:hover, .dark-style .bootstrap-select .dropdown-menu .dropdown-item:focus { background-color: #243f2f !important; } /* ---- Menu toggle icon (hamburger) ---- */ .app-brand .layout-menu-toggle i { color: #13834b !important; } .dark-style .app-brand .layout-menu-toggle i { color: #1aa15c !important; } /* ---- DataTable responsive control (+/-) button ---- */ table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control:before, table.dataTable.dtr-column > tbody > tr > td.dtr-control:before, table.dataTable.dtr-column > tbody > tr > th.dtr-control:before, table.dataTable.dtr-column > tbody > tr > td.control:before, table.dataTable.dtr-column > tbody > tr > th.control:before { background-color: #13834b !important; } /* ---- Responsive: filter input-group jangan meluber di layar kecil ---- */ @media (max-width: 767.98px) { .card-datatable .input-group.w-px-300 { width: 100% !important; float: none !important; margin-right: 0 !important; margin-left: 0.75rem !important; margin-bottom: 0.5rem; } .dt-action-buttons { margin-top: 0.5rem; } }