Ubah warna teks sorotan dalam Visual Studio Code

Saat ini, itu adalah hamparan abu-abu samar, yang sulit dilihat. Adakah cara untuk mengubah warna default?

Update Lihat jawaban @Jakub Zawiślak untuk VScode 1.12+

Jawaban lama

Visual Studio Code menyebut seleksi ini sebagai sorotan dan sayangnya, menurut saya warnanya tidak dapat disesuaikan saat ini. Tema dapat mengontrol warna 'pilihan', tetapi warna 'pilihan sorotan' di-hardcode.

Lihat masalah ini melacak solusi yang mungkin: https://github.com/Microsoft/vscode/issues/1636

(Sebagai catatan tambahan, Anda dapat mengaktifkan atau menonaktifkan fitur ini dengan editor.selectionHighlightpengaturannya.)

Tambahkan baris berikut ke dalam pengaturan "Editor: Token Color Customizations", di dalam file settings.json.

"workbench.colorCustomizations": {
    "editor.selectionBackground": "#135564",
    "editor.selectionHighlightBackground": "#135564"
},

Lihat Referensi Warna Tema untuk opsi lebih lanjut

Jawaban di atas mencakup Selected textdan areas with same content as selection, tetapi mereka melewatkan Current Search Matchdan Other Search Matches- yang memiliki masalah yang sama .

"workbench.colorCustomizations": {
    "editor.findMatchBackground": "#00cc44a8", //Current SEARCH MATCH
    "editor.findMatchHighlightBackground": "#ff7b00a1" //Other SEARCH MATCHES
}

Perhatikan bahwa pengaturan di atas juga akan mempengaruhi warna saat menggunakan Change All Occurrences CtrlF2 (perintah yang sangat berguna yang secara cerdas memilih semua kemunculan string, menempatkan kursor di setiap lokasi untuk pengeditan beberapa instance) .

MEMPERBARUI:

Bagi mereka yang menggunakan ekstensi populer Numbered Bookmarks - Anda sekarang dapat mengubah warna latar belakang garis yang ditandai - membuatnya mudah untuk dilihat. Tambahkan baris ini ke settings.json Anda (juga di bawah workbench.colorCustomizations ):

        "numberedBookmarks.lineBackground": "#007700"

Dan jangan lewatkan tip berguna Henry Zhu dalam jawabannya di bawah ini (ingatlah untuk memberi suara positif pada jawabannya jika Anda merasa terbantu) . Saya menambahkan tip Henry ke pengaturan di atas, dan menemukan efek keseluruhan meningkat.

Contoh file pengaturan tipikal, mod posting:

    {
        "git.enableSmartCommit": benar,
        "git.autofetch": benar,
        "breadcrumbs.enabled": benar,
        "git.confirmSync": salah,
        "explorer.confirmDelete": salah,
        "code-runner.saveFileBeforeRun": benar,
        "code-runner.saveAllFilesBeforeRun": benar,
        "workbench.activityBar.visible": benar,
        "files.trimTrailingWhitespace": benar,
        "telemetry.enableTelemetry": false,
        "scm.providers.visible": 0, // 0 memungkinkan pengubahan ukuran panel Kontrol Sumber secara manual
        "workbench.colorCustomizations": {
            "editor.selectionBackground": "# e788ff7c", // Teks TERPILIH saat ini
            "editor.selectionHighlightBackground": "# ff00005b", // Konten yang sama dengan pilihan
            "editor.findMatchBackground": "# 00cc44a8", // PERTANDINGAN PENELUSURAN Saat Ini
            "editor.findMatchHighlightBackground": "# ff7b00a1", // PERTANDINGAN PENELUSURAN Lainnya
            "numberedBookmarks.lineBackground": "# 007700"
            // Kiat Henry ada di sini ... (jangan lupa menambahkan koma ke baris di atas)
        }
    }

Di mana menemukan file settings.json:

Depending on your platform, the user settings file is located here:

Windows %APPDATA%\Code\User\settings.json
macOS $HOME/Library/Application Support/Code/User/settings.json
Linux $HOME/.config/Code/User/settings.json

Metode ALTERNATE untuk membuka file settings.json:

1. Ctrl +, (koma) untuk membuka Pengaturan

2. meja kerja

3. Editor Pengaturan

4. Di kotak telusur di bagian atas, tempel workbench.colorCustomizations

5. Di sebelah kiri, klik WorkbenchlaluAppearance

6. Klik link ke kanan: Edit in settings.json

Referensi:

https://code.visualstudio.com/api/references/theme-color#editor-colors

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

https://code.visualstudio.com/docs/getstarted/settings

Jika ada yang menemukan ini dan, seperti saya, tidak dapat menjalankan konfigurasi di atas, coba lakukan ini.

1. buka file> Preferensi> pengaturan
2. ketik kustomisasi warna token Editor penelusuran
3. di bawah header kustomisasi warna token Editor
4. klik edit di settings.json
5. di kolom sebelah kanan pilih pengaturan pengguna
6. tempel ini ke objek json

Pastikan untuk mengganti # dengan warna yang ingin Anda lihat.

"workbench.colorCustomizations": {
    "editor.lineHighlightBackground": "#<color1>",
    "editor.selectionBackground": "#<color2>",
    "editor.wordHighlightBackground": "#<color3>",
    "editorCursor.foreground": "#<color4>"
},

Pemahaman saya tentang konfigurasi di atas.

editor.lineHighlightBackground - ketika Anda mengklik sebuah garis, inilah warna latar belakang garis itu.

"editor.selectionBackground" - Ini adalah latar belakang dari pilihan yang cocok di tempat lain di buffer. Pikirkan variabel bernama foo dan itu digunakan di seluruh file. Anda kemudian menyorot teks itu dan semua foo lainnya di halaman akan menjadi warna ini.

"editor.wordHighlightBackground" - Ini adalah warna teks yang dipilih jika kata sorotan default saat diklik tidak berpengaruh. Saya hanya melihat nilai ini membuat perbedaan jika Anda mengklik kata yang tidak dipilih secara otomatis.

editorCursor.foreground - ini adalah warna kursor Anda.

Seperti yang telah saya uji, pengaturan warna garis tepi membuatnya lebih mudah dibaca daripada mengatur warna latar belakang, yang dilakukan oleh Sublime Text.

Misalnya, tambahkan baris ini di settings.json:

"workbench.colorCustomizations": {
    "editor.selectionHighlightBorder": "#FFFA",
},

Kata-kata yang dipilih akan ditampilkan seperti ini:

Anda dapat mengubahnya dengan warna favorit Anda dengan:

Langkah

1. Buka kode visual
2. Buka menu file
3. Preferensi -> Pengaturan

setelah pengaturan terbuka Anda akan memperbarui pengaturan Anda di kolom sisi kanan Anda, salin dan tempel kode ini di dalam tanda kurung utama { ... }

"workbench.colorCustomizations": {
    "editor.selectionBackground": "#f00", // red color hexadecimal code
    "editor.selectionHighlightBackground": "#fff" // white hex code
},

Jika ada yang menemukan diri mereka membaca jawaban @ FujiRoyale karena tidak ada yang lain yang berhasil, dan bertanya-tanya mengapa jawabannya juga tidak berfungsi, tetapi karena itu lebih baru bertanya-tanya mengapa, saya mengikuti jawaban mereka, dan telah (dengan v1.18 vscode ) ini sebagai user settingspenyiapan:

{
    // Is git enabled
    "git.enabled": true,
    // Path to the git executable
    "git.path": "C:\\Users\\t606964\\AppData\\Local\\Programs\\Git\\mingw64\\bin\\git.exe",
    "workbench.startupEditor": "newUntitledFile",
    // other settings
    //
    "editor.fontSize": 12,
    "editor.tabSize": 2,
    "git.confirmSync": false,
    "workbench.colorTheme": "Monokai",
    "editor.fontWeight": "bold",
    "editor.formatOnSave": true,
    "editor.formatOnPaste": true,
    "workbench.iconTheme": "vscode-icons",
    "explorer.confirmDelete": false,
    "files.autoSave": "off",
    "workbench.colorCustomizations": {
        "editor.lineHighlightBackground": "#f00",
        "editor.selectionBackground": "#0f0",
        "editor.wordHighlightBackground": "#00f",
        "editorCursor.foreground": "#ff0"
    }
}

Perhatikan indentasi dan koma dan penghapusan tanda kutip ganda dari jawaban mereka (yang harus saya mainkan untuk melakukannya dengan benar, yang tidak begitu jelas dari jawabannya). Seharusnya tidak perlu me-restart vscode, tetapi mungkin layak untuk File > Autosavedikunjungi dan lihat apakah Anda mulai mendapatkan sorotan warna primer. Dan kemudian pilih warna yang lebih baik untuk sorotan Anda.

Anda juga dapat membuat ini berfungsi workspace settingsdengan menempelkan

"workbench.colorCustomizations": {
    "editor.lineHighlightBackground": "#f00",
    "editor.selectionBackground": "#0f0",
    "editor.wordHighlightBackground": "#00f",
    "editorCursor.foreground": "#ff0"
}

di antara yang ada {}di panel pengaturan sebelah kanan tersebut.