/*============================= DARK MODE ============== */ /* PENTING: Class ini ditambahkan ke saat Dark Mode aktif */ .dark-mode { background-color: #121212 !important; /* Latar belakang gelap */ color: #f1f1f1 !important; /* Warna teks terang */ } /* Mengubah warna latar belakang card utama */ .dark-mode .card-content { background-color: #1e1e1e !important; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4); } /* Mengubah warna sidebar dari gradient ke warna solid gelap */ .dark-mode .w3-sidebar, .dark-mode .sub-section { background: #212121 !important; color: #f1f1f1 !important; border-right: 1px solid rgba(255, 255, 255, 0.1); } .dark-mode .sidebar-header { border-bottom: 1px solid rgba(255, 255, 255, 0.1); } /* Mengubah warna header hero (untuk dashboard/halaman utama) */ .dark-mode .hero-section { background: linear-gradient(135deg, #440a42, #102e3a); /* Gradient gelap */ color: #f1f1f1 !important; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4); } /* Mengubah warna teks dan elemen W3.CSS */ .dark-mode .w3-text-teal { color: #00bcd4 !important; /* Biru terang untuk highlight */ } .dark-mode .w3-tag.w3-green { background-color: #4caf50 !important; color: white !important; } /* Logout button di dark mode */ .dark-mode .logout-button { color: #ffb3b3 !important; } .dark-mode .logout-button:hover { background-color: rgba(255, 82, 82, 0.2); color: #ff5252; } /* Mengatur warna link di sidebar dark mode */ .dark-mode .w3-sidebar a { color: #ddd !important; } .dark-mode .w3-sidebar a:hover { background-color: #333 !important; }