Ngoding itu kegiatan yang sering bikin kamu duduk berjam-jam di depan layar. Nah, kalau tampilan editor kamu monoton dan membosankan, jangan heran kalau semangat ngoding juga ikut turun.
Untungnya, di Visual Studio Code (VS Code), kamu bisa kustomisasi tema sesuka hati! Mulai dari warna background, font, sampai ikon — semuanya bisa diatur sesuai gaya kamu.
Yuk, kita bahas cara bikin tampilan VS Code jadi lebih estetik, segar, dan pastinya bikin ngoding makin semangat!
baca juga : “Cara Menyelesaikan Masalah Koneksi Wi-Fi dengan Router”
Kenapa Harus Ganti Tema VS Code?
Banyak developer, terutama pemula, pakai VS Code langsung dengan tema bawaan. Padahal mengganti tema bisa membawa manfaat seperti:
✅ Bikin tampilan editor lebih nyaman di mata
✅ Mengurangi kelelahan saat ngoding lama
✅ Memberi nuansa baru biar nggak cepat bosan
✅ Menyesuaikan mood coding kamu: gelap, cerah, atau warna-warni
Karena kenyamanan mata = produktivitas maksimal!
Bagaimana Cara Ganti Tema di VS Code?
Gampang banget! Cukup ikuti langkah berikut:
🔹 Cara 1: Lewat Command Palette
- Tekan
Ctrl + Shift + P(Windows/Linux) atauCmd + Shift + P(Mac) - Ketik “Color Theme”
- Pilih opsi “Preferences: Color Theme”
- Pilih tema dari daftar yang muncul
🔹 Cara 2: Lewat Sidebar
- Klik ikon gear (⚙️) di pojok kiri bawah
- Pilih “Color Theme”
- Pilih tema yang kamu suka
Kalau belum puas dengan pilihan bawaan, kamu bisa install tema tambahan dari Extension Marketplace!
Rekomendasi Tema Keren dan Populer di VS Code
Biar kamu nggak bingung pilih tema, ini beberapa tema paling disukai para developer:
🌚 1. One Dark Pro
Terinspirasi dari tema Atom, cocok buat yang suka tampilan gelap tapi tetap tajam dan bersih.
🧛 2. Dracula Official
Tema gelap dengan warna ungu, pink, dan hijau khas. Estetik dan ramah di mata.
🌌 3. Night Owl
Didesain khusus buat ngoding malam hari atau di ruangan minim cahaya.
☀️ 4. GitHub Light
Suka tampilan terang? Tema ini mirip tampilan GitHub web, cocok buat siang hari.
🎨 5. Palenight
Kombinasi warna pastel yang unik dan kalem, buat kamu yang suka tampilan beda.
💡 Cara install: Buka Extensions (
Ctrl + Shift + X) → ketik nama tema → klik Install.
Bisa Nggak Bikin Tema Sendiri?
Bisa banget! Kalau kamu pengen editor yang 100% sesuai selera, kamu bisa buat tema sendiri. Caranya:
- Install ekstensi Yo Code (
yo code) dari terminal - Pilih opsi New Color Theme
- Ubah konfigurasi warna di file
package.json - Jalankan dan nikmati tema buatanmu sendiri!
Atau, kamu bisa modifikasi tema yang sudah ada:
- Buka Command Palette
- Pilih “Preferences: Open Settings (JSON)”
- Tambahkan konfigurasi seperti:
jsonCopyEdit"workbench.colorCustomizations": {
"editor.background": "#1e1e1e",
"editorCursor.foreground": "#ffcc00"
}
Bonus: Tambah Ikon & Font Biar Makin Estetik
🔤 Ganti Font
Install font khusus coding seperti:
- Fira Code
- JetBrains Mono
- Cascadia Code
Lalu tambahkan di settings.json:
jsonCopyEdit"editor.fontFamily": "Fira Code",
"editor.fontLigatures": true
🗂️ Ganti File Icon Theme
Icon juga bisa diubah lho! Coba ini:
- Material Icon Theme – warna-warni dan lengkap
- VSCode Icons – gaya flat dan simpel
Cara ganti ikon:
Ctrl + Shift + P→ ketik “File Icon Theme”- Pilih tema ikon yang sudah kamu install
baca juga : Pengcab KKI Bandar Lampung Pimpinan Mahathir Muhammad Dikukuhkan
Kesimpulan: Ngoding Nggak Harus Monoton!
Visual Studio Code itu bukan cuma editor, tapi juga ruang kerja kamu. Dan seperti ruang kerja lainnya, suasana yang menyenangkan bisa bikin kamu betah, fokus, dan lebih produktif.
Kustomisasi tema VS Code adalah cara paling mudah dan cepat buat bikin coding makin seru.
Jadi, jangan ragu buat eksplorasi berbagai tema sampai kamu nemu yang paling cocok.
penulis : Muhamad Anwar Fuadi