Mengaktifkan Dark Mode di Microsoft Edge
Mata lelah saat melihat layar terang di malam hari? Banyak pengguna coba-coba melalui pengaturan sistem operasi, padahal Microsoft Edge punya fitur dark mode bawaan yang mudah diaktifkan langsung dari browser. Panduan ini mengajarkan cara mengaktifkan dark mode Microsoft Edge dengan beberapa klik saja, tanpa perlu aplikasi pihak ketiga.
Yang Akan Anda Pelajari
Setelah mengikuti tutorial ini, Anda bisa mengaktifkan dark mode di Microsoft Edge dengan cepat, memilih antara mode otomatis yang menyesuaikan dengan pengaturan sistem atau mode gelap tetap, serta mengatur preferensi kontras dan kecerahan sesuai kenyamanan mata. Panduan ini cocok untuk semua pengguna Edge di Windows, macOS, atau Linux, baik pemula maupun yang sudah terbiasa dengan browser modern. Dark mode Edge mengurangi kelelahan mata, menghemat baterai di perangkat OLED, dan memberikan pengalaman browsing yang lebih nyaman di lingkungan minim cahaya.
Prasyarat
Buka Menu Pengaturan Edge
Klik ikon tiga titik (⋯) di sudut kanan atas jendela Microsoft Edge. Menu dropdown muncul dengan berbagai opsi. Cari dan klik "Pengaturan" (Settings) dari menu tersebut. Jendela pengaturan Edge membuka di tab baru dengan panel navigasi di sebelah kiri.
Navigasi ke Bagian Tampilan
Pada panel kiri jendela pengaturan, cari dan klik "Tampilan" (Appearance). Bagian ini mengontrol semua aspek visual browser Edge, termasuk tema, ukuran font, dan mode gelap. Halaman ini menampilkan berbagai pilihan tema yang tersedia untuk disesuaikan.
Pilih Mode Tema yang Diinginkan
Di bawah judul "Tema" (Theme), Anda melihat tiga opsi: "Terang" (Light), "Gelap" (Dark), dan "Ikuti pengaturan sistem" (System default). Klik tombol "Gelap" untuk mengaktifkan dark mode secara langsung. Jika ingin browser menyesuaikan dengan preferensi sistem operasi, pilih "Ikuti pengaturan sistem" agar dark mode aktif otomatis saat sistem dalam mode gelap.
Perubahan terapkan seketika tanpa perlu restart browser. Semua tab yang terbuka langsung berganti ke tampilan gelap, termasuk halaman web yang mendukung dark mode native.
Sesuaikan Pengaturan Tambahan
Bagian yang sama menawarkan opsi untuk menyesuaikan bagaimana Edge menampilkan konten. Di bawah theme selector, Anda bisa mengatur "Kontrast" (Contrast) ke nilai yang lebih tinggi jika teks terasa terlalu redup. Ada juga opsi untuk mengubah ukuran font global dan bagaimana Edge merender warna di berbagai situs web.
// Contoh kode untuk mendeteksi dark mode di JavaScript
if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) {
console.log('Dark mode aktif di browser');
document.body.classList.add('dark-theme');
}
window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', e => {
if (e.matches) {
document.body.classList.add('dark-theme');
} else {
document.body.classList.remove('dark-theme');
}
});
Kode di atas mendeteksi apakah browser (atau sistem) menjalankan dark mode, lalu menyesuaikan tampilan halaman web secara otomatis.
Verifikasi Dark Mode Aktif
Buka beberapa situs web populer untuk melihat apakah dark mode berfungsi. Situs modern seperti Gmail, GitHub, atau Medium akan otomatis berganti ke palet warna gelap yang cocok dengan tema Edge. Antarmuka browser—toolbar, menu dropdown, dan panel samping—semuanya kini menampilkan latar gelap dengan teks putih.
