Змініть колір тексту підсвічування у коді Visual Studio

Зараз це слабке сіре покриття, яке важко помітити. Будь-який спосіб змінити колір за замовчуванням?

Оновлення Див. Відповідь @Jakub Zawiślak для VScode 1.12+

Стара відповідь

Visual Studio Code називає цей вибір виділенням, і, на жаль, зараз не думаю, що колір можна налаштувати. Теми можуть керувати кольором "виділення", але колір "виділення виділення" жорстко кодується.

Дивіться цю проблему щодо відстеження можливого рішення: https://github.com/Microsoft/vscode/isissue/1636

(Як бічну примітку, ви можете перемикати цю функцію або вимикати за допомогою editor.selectionHighlightналаштування.)

Додайте наступні рядки до налаштування "Редактор: Налаштування кольорів токена", всередині файла settings.json.

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

Для отримання додаткових опцій див. Довідку щодо кольорів теми

Наведені вище відповіді стосуються Selected textі areas with same content as selection, але вони пропускають Current Search Matchі Other Search Matches- які мають ту саму проблему .

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

Зауважте, що наведені вище параметри також впливатимуть на кольори при використанні Change All Excurrences CtrlF2 (суперкорисна команда, яка розумно вибирає всі входження рядка, розміщуючи курсори в кожному місці для редагування кількох примірників) .

ОНОВЛЕННЯ:

Для тих, хто використовує популярне розширення Пронумеровані закладки - тепер ви можете змінити колір тла закладених ліній - робить їх легко помітити. Додайте цей рядок до свого settings.json (також під workbench.colorCustomizations ):

        "numberedBookmarks.lineBackground": "#007700"

І не пропустіть корисну пораду Генрі Чжу у своїй відповіді нижче (не забудьте підкріпити його відповідь, якщо вважаєте це корисним) . Я додав підказку Генрі в налаштування вище, і знаходжу, що загальний ефект покращився.

Приклад типового файлу налаштувань, post mod:

    {
        "git.enableSmartCommit": вірно,
        "git.autofetch": вірно,
        "breadcrumbs.enabled": вірно,
        "git.confirmSync": false,
        "explorer.confirmDelete": помилково,
        "code-runner.saveFileBeforeRun": вірно,
        "code-runner.saveAllFilesBeforeRun": вірно,
        "workbench.activityBar.visible": вірно,
        "files.trimTrailingWhitespace": true,
        "telemetry.enableTelemetry": помилково,
        "scm.providers.visible": 0, // 0 дозволяє змінити розмір панелей керування джерелом вручну
        "workbench.colorCustomizations": {
            "editor.selectionBackground": "# e788ff7c", // В даний час ВИБРАНИЙ текст
            "editor.selectionHighlightBackground": "# ff00005b", // Той самий вміст, що і вибір
            "editor.findMatchBackground": "# 00cc44a8", // Поточний матч ПОШУК
            "editor.findMatchHighlightBackground": "# ff7b00a1", // Інші МАРКИ ПОШУКУ
            "numberedBookmarks.lineBackground": "# 007700"
            // Підказка Генрі йде сюди ... (не забудьте додати кому до рядка вище)
        }
    }

Де знайти файл 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

Метод ALTERNATE для відкриття файлу settings.json:

1. Ctrl +, (кома), щоб відкрити Налаштування

2. Верстак

3. Редактор налаштувань

4. У вікні пошуку вгорі вставте workbench.colorCustomizations

5. Ліворуч натисніть, Workbenchа потімAppearance

6. Клацніть посилання праворуч: Edit in settings.json

Список літератури:

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

Якщо хтось виявить це і, як я, не зміг змусити працювати вищезгаданий конфігуратор, спробуйте це зробити.

1. перейдіть у файл> Налаштування> налаштування
2. введіть у налаштуваннях кольорів маркер пошуку редактор пошуку
3. під заголовком настройки кольорових токенів редактора
4. натисніть на редагування у settings.json
5. у правій колонці виберіть налаштування користувача
6. вставити це в об’єкт json

Обов’язково замініть # на кольори, які ви хочете бачити.

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

Моє розуміння вищевказаного конфігурації.

editor.lineHighlightBackground - коли ви натискаєте на рядок, це колір, яким буде фоновий рядок.

"editor.selectionBackground" - Це фон відповідних виділень в іншому місці буфера. Придумайте змінну на ім'я foo, і вона використовується у всьому файлі. Потім ви виділите, що текст і всі інші кадри на сторінці будуть цим кольором.

"editor.wordHighlightBackground" - це колір вибраного тексту, якщо слово виділення за замовчуванням при натисканні не набуває чинності. Я бачив, як це значення має значення лише в тому випадку, якщо ви натискаєте на слово, яке не вибирається автоматично.

editorCursor.foreground - це колір вашого курсору.

Як я перевірив, встановлення кольору рамки полегшує читання, ніж встановлення кольору фону, що і робить Sublime Text.

Наприклад, додайте ці рядки в settings.json:

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

Вибрані слова будуть відображатися так:

ви можете змінити його улюбленим кольором:

Кроки

1. Відкрити візуальний код
2. Перейти до меню файлів
3. Налаштування -> Налаштування

після відкритих налаштувань ви оновите свої налаштування у правій бічній колонці, скопіюйте та вставте цей код у основні дужки { ... }

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

Якщо хтось виявив, що читає відповідь @ FujiRoyale, як ніхто з інших не працював, і цікавився, чому його / її теж не працює, але, як це було останнім часом, цікавилося чому, я слідкував за їхньою відповіддю і мав (з v1.18 vscode ) це як user settingsналаштування:

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

Зверніть увагу на відступи та коми та видалення подвійних лапок з їхньої відповіді (з якими мені довелося зіграти, щоб правильно це зробити, що було не зрозуміло з відповіді). Не повинно бути перезапускати vscode, але, можливо, варто це зробитиFile > Autosave і подивитися, якщо ви почнете отримувати основні кольорові виділення. А потім вибирайте кращі кольори для своїх родзинок.

Ви також можете зробити цю роботу workspace settings, вставивши її

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

між існуючими {}на правій панелі налаштувань.