/* ===================================================================== assets/css/dark-mode.css Diaktifkan lewat atribut [data-theme="dark"] pada ===================================================================== */ [data-theme="dark"] { --sk-bg: #0F1712; --sk-surface: #16211B; --sk-border: #25332B; --sk-text: #EDEFEB; --sk-text-muted: #9BA79E; --sk-accent: #D9B84A; } [data-theme="dark"] body { background-color: var(--sk-bg); color: var(--sk-text); } [data-theme="dark"] .sk-navbar { background: rgba(15, 23, 18, 0.9); border-bottom-color: var(--sk-border); } [data-theme="dark"] .sk-navbar .navbar-brand, [data-theme="dark"] .sk-navbar .nav-link { color: var(--sk-text); } [data-theme="dark"] .sk-theme-toggle { background: var(--sk-surface); border-color: var(--sk-border); color: var(--sk-text); } [data-theme="dark"] .sk-stat-card, [data-theme="dark"] .card.sk-card, [data-theme="dark"] .sk-member-card, [data-theme="dark"] .sk-tree-wrapper { background: var(--sk-surface); border-color: var(--sk-border); color: var(--sk-text); } [data-theme="dark"] .card.sk-card { background: var(--sk-surface); } [data-theme="dark"] .text-secondary, [data-theme="dark"] .text-muted { color: var(--sk-text-muted) !important; } [data-theme="dark"] .form-control, [data-theme="dark"] .form-select { background-color: var(--sk-surface); border-color: var(--sk-border); color: var(--sk-text); } [data-theme="dark"] .form-control::placeholder { color: var(--sk-text-muted); } [data-theme="dark"] .sk-footer { background: #081911; }