Ahli Kompie

Black Theme Background Visual Studio Code

Theme default dari VS Code sebenarnya sudah cukup enak, tapi sebagian orang mungkin perlu untuk memodifikasi tampilannya sesuai keinginan mereka. Misalnya menjadi gelap total, atau lainnya. Bisakah?

Bisa. Begini caranya:

Tekan CTRL + Shift + P, lalu pilih Open Settings (UI)

Lalu pilih edit theme di JSON

Selanjutnya cari property “workbench.colorCustomizations” dan lakukan modifikasi. Pada property masukkan nama theme Anda, misalnya yang Anda pakai theme Monokai (lihat property workbench.colorTheme) maka masukkan Monokai juga di workbench.colorCustomizations

Apa saja setting yang bisa diatur? Silakan cek di https://code.visualstudio.com/docs/introvideos/configure

Setting Hitam Sempurna Untuk Editor

"workbench.colorTheme": "Monokai",
"workbench.colorCustomizations": {
    "[Monokai]": {
        "sideBar.foreground": "#000000",
        "sideBar.background": "#0b1014",
        "sideBarSectionHeader.background": "#0b1014",
        "sideBar.border": "#444444"
        "panel.background": "#000000",
        "panel.border": "#444444",
        "editor.background": "#000000",
        "breadcrumb.background": "#0b1014",
        "statusBar.background": "#0b1014",
        "statusBar.foreground": "#626262",
        "minimap.background": "#0b1014",
        "titleBar.activeBackground": "#0b1014",
        "editorGroupHeader.tabsBackground": "#0b1014",
        "activityBar.background": "#0b1014",
        "tab.inactiveBackground": "#0b1014",
        "tab.activeBackground": "#0b1014",
        "tab.activeBorder": "#ffd866",
    }
}

Yang paling penting adalah tiga area utama: sidebar, ___, editor

"sideBar.background": "#000000",
"sideBar.border": "#444444",
"panel.background": "#000000",
"panel.border": "#444444",
"editor.background": "#000000",

Sumber: https://www.alveeakand.com/how-to-modify-themes-in-vscode/


Posted

in

by

Tags:

Comments

Leave a Reply

Your email address will not be published. Required fields are marked *