Bagaimana cara mengedit tema gelap default untuk Visual Studio Code?

Saya menggunakan Windows 7 64-bit.

Apakah ada cara untuk mengedit tema gelap default di Visual Studio Code? Di %USERPROFILE%\.vscodefolder hanya ada tema dari ekstensi, sedangkan di jalur instalasi (saya menggunakan default, C:\Program Files (x86)\Microsoft VS Code) ada file dari beberapa tema standar di \resources\app\extensions, seperti Kimbie Dark, Solarized Dark / Light atau varian Monokai, tetapi tidak ada tema gelap default.

Tetapi jika bagaimanapun juga ada kemungkinan untuk mengeditnya, maka blok kode mana yang bertanggung jawab atas warna anggota objek, anggota penunjuk dan nama kelas dan struktur dalam bahasa C ++?

File yang Anda cari ada di,

Microsoft VS Code \ resources \ app \ extensions \ theme-defaults \ themes

di Windows dan cari nama file dark_vs.jsonuntuk menemukannya di sistem lain.

Memperbarui:

Dengan versi baru VSCode Anda tidak perlu mencari file pengaturan untuk menyesuaikan tema. Sekarang Anda dapat menyesuaikan tema warna Anda dengan pengaturan workbench.colorCustomizationsdan editor.tokenColorCustomizationspengguna. Dokumentasi tentang masalah tersebut dapat ditemukan di sini .

Dalam kode VS 'Pengaturan Pengguna', Anda dapat mengedit warna yang terlihat menggunakan tag berikut (ini adalah contoh dan ada lebih banyak tag),

"workbench.colorCustomizations": {
    "list.inactiveSelectionBackground": "#C5DEF0",
    "sideBar.background": "#F8F6F6",
    "sideBar.foreground": "#000000",
    "editor.background": "#FFFFFF",
    "editor.foreground": "#000000",
    "sideBarSectionHeader.background": "#CAC9C9",
    "sideBarSectionHeader.foreground": "#000000",
    "activityBar.border": "#FFFFFF",
    "statusBar.background": "#102F97",
    "scrollbarSlider.activeBackground": "#77D4CB",
    "scrollbarSlider.hoverBackground": "#8CE6DA",
    "badge.background": "#81CA91"}

Jika Anda ingin mengedit beberapa token warna C ++, gunakan tag berikut,

"editor.tokenColorCustomizations": {
    "numbers": "#2247EB",
    "comments": "#6D929C",
    "functions": "#0D7C28"
}

Sejauh tema, VS Code sama dapat diedit seperti Sublime. Anda dapat mengedit salah satu tema default yang disertakan dengan kode VS. Anda hanya perlu tahu di mana menemukan file tema.

Catatan samping: Saya suka tema Monokai. Namun, yang ingin saya ubah hanyalah latar belakangnya. Saya tidak suka latar belakang abu-abu gelap. Sebaliknya, menurut saya kontrasnya JAUH lebih baik dengan latar belakang hitam pekat. Kode lebih banyak muncul.

Bagaimanapun, saya mencari file tema dan menemukannya (di windows) di:

c: \ Program Files (x86) \ Microsoft VS Code \ resources \ app \ extensions \ theme-monokai \ themes \

Di folder itu saya menemukan file Monokai.tmTheme dan memodifikasi kunci latar belakang pertama sebagai berikut:

<key>background</key>
<string>#000000</string>

Ada beberapa kunci 'latar belakang' di file tema, pastikan Anda mengedit yang benar. Yang saya edit ada di bagian paling atas. Baris 12 saya pikir.

Anda tidak dapat "mengedit" tema default, tema tersebut "dikunci"

Namun, Anda dapat menyalinnya ke tema khusus Anda sendiri, dengan modifikasi persis yang Anda inginkan.

Untuk info lebih lanjut, lihat artikel ini: https://code.visualstudio.com/Docs/customization/themes https://code.visualstudio.com/docs/extensions/install-extension#_your-extensions-folder

Jika yang ingin Anda ubah hanyalah warna untuk kode C ++, Anda harus melihat penimpaan pewarna dukungan c ++. Untuk info tentang itu, buka di sini: https://code.visualstudio.com/docs/customization/colorizer

EDIT: Tema gelap ditemukan di sini: https://github.com/Microsoft/vscode/tree/80f8000c10b4234c7b027dccfd627442623902d2/extensions/theme-colorful-defaults

EDIT2: Untuk memperjelas:

• unduh file ini: https://github.com/Microsoft/vscode/blob/80f8000c10b4234c7b027dccfd627442623902d2/extensions/theme-colorful-defaults/themes/dark_plus.tmTheme
• Ubah sesuka Anda
• Buat tema menggunakan Kode Yo https://code.visualstudio.com/docs/tools/yocode
• Salin tema itu ke folder ekstensi Anda. Atau, jika Anda ingin berbagi, publikasikan di pasar VS Code.

Cara termudah adalah dengan mengedit pengaturan pengguna dan menyesuaikan workbench.colorCustomizations

Jika Anda ingin membuat tema Anda

Ada juga opsi untuk mengubah tema saat ini yang akan menyalin pengaturan tema saat ini dan membiarkan Anda menyimpannya sebagai *.color-theme.jsonfile JSON5

Tema warna apa pun dapat diubah di bagian pengaturan ini pada VS Code versi 1.12 atau lebih tinggi:

 // Overrides colors from the currently selected color theme.
  "workbench.colorCustomizations": {}

Lihat https://code.visualstudio.com/docs/getstarted/themes#_customize-a-color-theme

Nilai yang tersedia untuk diedit: https://code.visualstudio.com/docs/getstarted/theme-color-reference

EDIT: Untuk mengubah warna sintaks, lihat di sini: https://code.visualstudio.com/docs/extensions/themes-snippets-colorizers#_syntax-highlighting-colors dan di sini: https://www.sublimetext.com/docs/ 3 / scope_naming.html

Seperti yang dinyatakan orang lain, Anda harus mengganti editor.tokenColorCustomizationsatau workbench.colorCustomizationspengaturan di file settings.json. Di sini Anda dapat memilih tema dasar, seperti Abyss, dan hanya menimpa hal-hal yang ingin Anda ubah. Anda dapat mengganti sangat sedikit hal seperti fungsi, warna string, dll dengan sangat mudah.

Misalnya untuk workbench.colorCustomizations

"workbench.colorCustomizations": {
    "[Default Dark+]": {
        "editor.background": "#130e293f",
    }
}

Misalnya untuk editor.tokenColorCustomizations:

"editor.tokenColorCustomizations": {
    "[Abyss]": {
        "functions": "#FF0000",
        "strings": "#FF0000"
    }
}
// Don't do this, looks horrible.

Namun, penyesuaian mendalam seperti mengubah warna varkata kunci akan mengharuskan Anda memberikan nilai penggantian di bawah textMateRuleskunci.

Misalnya di bawah ini:

"editor.tokenColorCustomizations": {
    "[Abyss]": {
        "textMateRules": [
            {
                "scope": "keyword.operator",
                "settings": {
                    "foreground": "#FFFFFF"
                }
            },
            {
                "scope": "keyword.var",
                "settings": {
                    "foreground": "#2871bb",
                    "fontStyle": "bold"
                }
            }
        ]
    }
}

Anda juga dapat mengganti secara global di seluruh tema:

"editor.tokenColorCustomizations": {
    "textMateRules": [
        {
            "scope": [
                //following will be in italics (=Pacifico)
                "comment",
                "entity.name.type.class", //class names
                "keyword", //import, export, return…
                //"support.class.builtin.js", //String, Number, Boolean…, this, super
                "storage.modifier", //static keyword
                "storage.type.class.js", //class keyword
                "storage.type.function.js", // function keyword
                "storage.type.js", // Variable declarations
                "keyword.control.import.js", // Imports
                "keyword.control.from.js", // From-Keyword
                //"entity.name.type.js", // new … Expression
                "keyword.control.flow.js", // await
                "keyword.control.conditional.js", // if
                "keyword.control.loop.js", // for
                "keyword.operator.new.js", // new
            ],
            "settings": {
                "fontStyle": "italic"
            }
        }
    ]
}

Detail lebih lanjut di sini: https://code.visualstudio.com/api/language-extensions/syntax-highlight-guide

Solusi untuk MAC OS

Saya tidak yakin apakah jawaban ini cocok di sini, tetapi saya ingin membagikan solusi untuk pengguna MAC dan terlihat canggung jika saya memulai pertanyaan baru dan menjawab sendiri di sana.

cari jalur tema VSCode Anda seperti di bawah ini:

..your_install_location / Visual Studio Code.app/Contents/Resources/app/extensions/theme-name/themes/theme_file.json

buka file .json dan cari gaya yang Anda targetkan untuk diubah.
Untuk kasus saya, saya ingin mengubah spasi render warna
dan saya telah menemukan itu sebagai
"editorWhitespace.foreground"
begitu di bawah settings.jsondalam Visual Studio Code,
saya menambahkan baris berikut (saya lakukan dalam Workspace Pengaturan),

"workbench.colorCustomizations": {
    "editorWhitespace.foreground": "#93A1A130" // stand as #RRGGBBAA
}

Solusi dipandu dari: https://code.visualstudio.com/docs/getstarted/themes#_customize-a-color-theme

Jangan lupa untuk ⌘ Command+ Smenyimpan pengaturan agar berfungsi.

The docs sekarang memiliki seluruh bagian tentang hal ini.

Pada dasarnya, gunakan npmuntuk menginstal yo, dan menjalankan perintah yo codedan Anda akan mendapatkan sedikit wizard berbasis teks - salah satu opsinya adalah membuat dan mengedit salinan skema gelap default.

Saya datang ke sini untuk menemukan cara mengedit tema, tetapi tidak dapat menemukannya di Mac saya. Setelah menyelam lebih dalam, akhirnya saya menemukan tempat pemasangan:

~/.vscode/extensions

Semua ekstensi di sana!