Font Sidebar Sublime Text 4 Terlalu Kecil? Begini Cara Membesarkannya

Banyak pengguna Sublime Text 4 merasa ukuran teks di sidebar (file tree, panel UI) terlalu kecil atau tidak konsisten dengan editor utama. Masalah ini sering muncul karena ada perbedaan pengaturan antara Settings (editor text) dan Theme (UI). Untuk mengubah ukuran dan font pada sidebar, ubahan harus dilakukan pada file tema melalui menu Customize Theme.

Kenapa font sidebar kecil?

Ringkasnya: pengaturan font_face dan font.face pada theme mengontrol tampilan UI (bukan hanya pengaturan editor biasa). Mengubah font_face di Preferences → Settings hanya mempengaruhi area penulisan kode, bukan elemen UI seperti sidebar. Untuk mempengaruhi sidebar, kita perlu custom theme JSON.

Langkah cepat: langkah yang harus dilakukan

1. Buka Sublime Text 4.
2. Pilih menu Preferences → Customize Theme. Ini akan membuka jendela dengan dua panel: tema asli di kiri dan versi pengguna (user override) di kanan.
3. Salin blok konfigurasi untuk font yang akan di-override dan tempel di panel kanan lalu sesuaikan nilai font_face dan variasi ukuran seperti font_size, font_size_sm, dsb.
4. Simpan. Perubahan akan langsung terlihat di UI (sidebar, popup, dll).

Metode ini diuraikan dan dicontohkan oleh Ace Z. Alba pada artikelnya yang menjadi referensi panduan ini.

Contoh konfigurasi (template yang bisa kamu pakai)

Berikut contoh JSON yang bisa kamu tempel di area Customize Theme (panel kanan). Sesuaikan nama font dan ukuran menurut preferensi.

// Documentation at https://www.sublimetext.com/docs/themes.html
{
	"variables":
	{
		"font_face": "Fira Code Retina",
        "font_size_sm": 14,
        "font_size": 16,
        "font_size_lg": 18,
        "font_size_title": 26,
	},
	"rules":
	[
		{
            "class": "text_line_control",
            "parents": [{"class": "overlay_control"}],
            "font.face": "var(font_face)",
        },
        {
            "class": "text_line_control",
            "parents": [{"class": "switch_project_window"}],
            "font.face": "var(font_face)",
        },
		
	]
}

Catatan: nama class (seperti sidebar_tree atau sidebar_label) dapat berbeda antar tema. Jika perubahan tidak langsung terlihat, cari entri yang berisi kata kunci font_face atau font.face di panel kiri (tema asli) lalu salin dan override ke panel kanan. Sumber aslinya menjelaskan pendekatan copy-paste ini agar kita tidak melewatkan entri yang tersembunyi.

Tips praktis & troubleshooting

• Cek nama class di tema yang kamu pakai: setiap tema (Adaptive, atau tema pihak ketiga) punya struktur berbeda — gunakan panel kiri sebagai referensi.
• Gunakan font monospaced yang mendukung glyph: jika memakai icon/theme khusus (nerd font), pastikan font terinstal di sistem dan namanya cocok dengan yang dipakai pada font_face.
• Restart jika perlu: sebagian perubahan immediate, tapi kadang restart Sublime Text membantu bila ada cache tema.
• Project Switcher note: beberapa elemen (mis. subtitle di project switcher) kadang tetap menggunakan font sistem — penulis asli menyebut ini sebagai batasan yang mungkin masih perlu trik tambahan.

Jika kamu tidak yakin nama class yang harus diubah, lakukan: buka panel kiri (tema default), cari entri yang berhubungan dengan font, lalu copy bagian itu ke panel kanan dan ubah nilai font_face / font.size.