Visual Studio Code'da vurgu metin rengini değiştirme

Şu anda, görülmesi zor olan soluk gri bir katman. Varsayılan rengi değiştirmenin bir yolu var mı?

Güncelleme Bkz. @Jakub Zawiślak'ın VScode 1.12+ için yanıtına bakın

Eski cevap

Visual Studio Code bu seçimi vurgulamayı çağırıyor ve maalesef şu anda rengin özelleştirilebilir olduğunu düşünmüyorum. Temalar, 'seçim' rengini kontrol edebilir, ancak 'seçim vurgusu' rengi kodlanmıştır.

Olası bir çözümü izleyerek bu soruna bakın: https://github.com/Microsoft/vscode/issues/1636

(Bir yan not olarak, bu editor.selectionHighlightayarı değiştirebilir veya / kapatabilirsiniz .)

Settings.json dosyasının içine "Editor: Token Color Customizations" ayarına aşağıdaki satırları ekleyin.

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

Daha fazla seçenek için Tema Rengi Referansına bakın

Yukarıdaki cevaplar kapsayacak Selected textve areas with same content as selectionancak kaçırmak Current Search Matchve Other Search Matches- aynı sorun var ki .

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

Yukarıdaki ayarların, Tüm Yinelemeleri Değiştir kullanılırken renkleri de etkileyeceğini unutmayın (bir dizenin tüm oluşumlarını akıllıca seçen, birden çok örnekli düzenleme için her konuma imleçler yerleştiren CtrlF2 süper kullanışlı bir komut ) .

GÜNCELLEME:

Popüler uzantı Numaralı Yer İmlerini kullananlar için - artık yer imlerine eklenmiş satırların arka plan rengini değiştirebilirsiniz - onları fark etmeyi çok kolaylaştırır. Bu satırı settings.json dosyanıza ekleyin (ayrıca workbench.colorCustomizations altında ):

        "numberedBookmarks.lineBackground": "#007700"

Ve Henry Zhu'nun aşağıdaki cevabındaki faydalı ipucunu kaçırmayın (eğer yararlı bulursanız cevabını yükseltmeyi unutmayın) . Henry'nin ipucunu yukarıdaki ayarlara ekledim ve genel etkinin iyileştirildiğini gördüm .

Tipik bir ayarlar dosyası örneği, mod sonrası:

    {
        "git.enableSmartCommit": doğru,
        "git.autofetch": doğru,
        "breadcrumbs.enabled": true,
        "git.confirmSync": yanlış,
        "explorer.confirmDelete": false,
        "code-runner.saveFileBeforeRun": true,
        "code-runner.saveAllFilesBeforeRun": true,
        "workbench.activityBar.visible": true,
        "files.trimTrailingWhitespace": true,
        "telemetry.enableTelemetry": yanlış,
        "scm.providers.visible": 0, // 0, Kaynak Kontrol panellerinin manuel olarak yeniden boyutlandırılmasına izin verir
        "workbench.colorCustomizations": {
            "editor.selectionBackground": "# e788ff7c", // Şu anda SEÇİLEN metin
            "editor.selectionHighlightBackground": "# ff00005b", // Seçimle aynı içerik
            "editor.findMatchBackground": "# 00cc44a8", // Mevcut ARAMA EŞLEŞMESİ
            "editor.findMatchHighlightBackground": "# ff7b00a1", // Diğer ARAMA MAÇLARI
            "numberedBookmarks.lineBackground": "# 007700"
            // Henry'nin ipucu buraya gelecek ... (yukarıdaki satıra virgül eklemeyi unutmayın)
        }
    }

Settings.json dosyası nerede bulunur:

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

Settings.json dosyasını açmak için ALTERNATE yöntemi:

1. Ayarları açmak için Ctrl +, (virgül)

2. Tezgah

3. Ayarlar Düzenleyicisi

4. Üstteki arama kutusuna yapıştırın workbench.colorCustomizations

5. Solda tıklayın Workbenchve ardındanAppearance

6. Sağdaki bağlantıya tıklayın: Edit in settings.json

Referanslar:

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

Eğer birisi bunu bulursa ve benim gibi, yukarıdaki yapılandırma çalışmasını alamazsa, bunu yapmayı deneyin.

1. dosyaya git> Tercihler> ayarlar
2. Arama Düzenleyicisi simge renk özelleştirmelerini yazın
3. Editör simgesi renk özelleştirmeleri başlığı altında
4. settings.json'da düzenle'yi tıklayın
5. sağdaki sütunda kullanıcı ayarlarını seçin
6. bunu json nesnesine yapıştırın

# 'Leri görmek istediğiniz renklerle değiştirdiğinizden emin olun.

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

Yukarıdaki yapılandırmayı anladığım.

editor.lineHighlightBackground - bir çizgiye tıkladığınızda bu, çizgi arka planının olacağı renktir.

"editor.selectionBackground" - Bu, arabellekte başka bir yerde eşleşen seçimlerin arka planıdır. Foo adında bir değişken düşünün ve bir dosyanın her yerinde kullanılır. Daha sonra bu metni vurgularsınız ve sayfadaki diğer tüm fooslar bu renkte olur.

"editor.wordHighlightBackground" - Tıklamada varsayılan vurgu sözcüğü etkili olmazsa, bu seçilen metnin rengidir. Bu değerin yalnızca otomatik seçmeyen bir kelimeye tıklarsanız fark yarattığını gördüm.

editorCursor.foreground - bu, imlecinizin rengidir.

Test ettiğim gibi, kenarlık rengini ayarlamak, Sublime Text'in yaptığı gibi, arka plan rengini ayarlamaktan daha kolay okunur.

Örneğin, şu satırları ekleyin settings.json:

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

Seçilen kelimeler şu şekilde görüntülenecektir:

bunu en sevdiğiniz renkle değiştirebilirsiniz:

Adımlar

1. Görsel kodu aç
2. Dosya menüsüne git
3. Tercihler -> Ayarlar

ayarları açtıktan sonra sağ taraftaki sütunda ayarınızı güncelleyeceksiniz, bu kodu kopyalayıp ana parantezlerin içine yapıştıracaksınız. { ... }

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

Eğer biri kendini @ FujiRoyale'nin cevabını okurken bulursa, diğerlerinin hiçbiri işe yaramadı ve kendisinin de neden işe yaramadığını merak ettiyse, ancak daha yakın zamanda nedenini merak ettiğim için cevaplarını takip ettim ve (vscode v1.18 ile ) bu bir user settingskurulum olarak:

{
    // 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"
    }
}

Girintileme ve virgüllere ve cevaplarından çift tırnakların kaldırılmasına dikkat edin (bunu doğru yapmak için oynamak zorunda kaldım, cevaptan o kadar da net değildi). Vscode'u yeniden başlatmanıza gerek yoktur, ancak File > Autosavebirincil renk vurguları almaya başlayıp başlamadığınızı görmeye değer olabilir . Ardından vurgulamalarınız için daha iyi renkler seçin.

Bunu workspace settingsyapıştırarak da yapabilirsiniz

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

arasında mevcut {}olduğunu sağ ayarları bölmesinde.