Как изменить темную тему по умолчанию для кода Visual Studio?

Я использую 64-разрядную версию Windows 7.

Есть ли способ отредактировать темную тему по умолчанию в коде Visual Studio? В папке %USERPROFILE%\.vscode есть только темы из расширений, в то время как в пути установки (я использовал default, C:\Program Files (x86)\Microsoft VS Code) есть файлы некоторых стандартных тем в \resources\app\extensions, таких как Kimbie Dark, Solarized Dark/Light или варианты Monokai., но по умолчанию нет темной темы.

Но если все-таки есть возможность его редактировать, то какие блоки кода отвечают за цвет члена объекта, члена указателя и имя класса и структуры на языке C++?

Ответы

Ответ 1

Файл, который вы ищете, находится на странице

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

в Windows и найдите имя файла dark_vs.json, чтобы найти его в любой другой системе.

Ответ 2

В VS-кодах "Пользовательские настройки" вы можете редактировать видимые цвета, используя следующие теги (это образец и есть гораздо больше тегов),

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

Если вы хотите отредактировать некоторые маркеры цвета С++, используйте следующий тег

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

Ответ 3

Что касается тем, VS Code каждый бит редактируется как Sublime. Вы можете редактировать любые темы по умолчанию, которые поставляются с кодом VS. Вам просто нужно знать, где найти файлы тем.

Боковое примечание: мне нравится тема Монокай. Однако все, что я хотел изменить, это фон. Мне не нравится темно-сероватый фон. Вместо этого, я думаю, что контраст лучше с твердым черным фоном. Код появляется намного больше.

В любом случае, я охотился за файлом темы и нашел его (в окнах) по адресу:

c:\Program Files (x86)\Microsoft VS Код\ресурсы\приложение\расширений\тематический monokai\тема\

В этой папке я нашел файл Monokai.tmTheme и изменил первый ключ фона следующим образом:

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

В файле темы есть несколько "фоновых" ключей, убедитесь, что вы правильно их отредактировали. Тот, который я редактировал, был на самом верху. Строка 12, я думаю.

Ответ 4

Вы не можете "редактировать" тему по умолчанию, они "заблокированы"

Однако вы можете скопировать его в свою собственную тему с точными изменениями, которые вы хотели бы.

Для получения дополнительной информации см. следующие статьи: https://code.visualstudio.com/Docs/customization/themes https://code.visualstudio.com/docs/extensions/install-extension#_your-extensions-folder

Если все, что вы хотите изменить, это цвета для кода на С++, вы должны посмотреть на перезаписывание колориметра поддержки С++. Для получения информации об этом, перейдите сюда: https://code.visualstudio.com/docs/customization/colorizer

EDIT: темная тема находится здесь: https://github.com/Microsoft/vscode/tree/80f8000c10b4234c7b027dccfd627442623902d2/extensions/theme-colorful-defaults

EDIT2: уточнить:

скачать этот файл: https://github.com/Microsoft/vscode/blob/80f8000c10b4234c7b027dccfd627442623902d2/extensions/theme-colorful-defaults/themes/dark_plus.tmTheme
Измените, как вам нравится
Создайте тему с помощью Yo Code https://code.visualstudio.com/docs/tools/yocode
Скопируйте эту тему в папку расширения. Или, если вам нравится делиться, публикуйте его на рынке VS Code.

Ответ 5

Любая цветовая тема может быть изменена в этом разделе настроек на VS Code версии 1.12 или выше:

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

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

Доступные значения для редактирования: https://code.visualstudio.com/docs/getstarted/theme-color-reference

EDIT: Чтобы изменить цвета синтаксиса, см. здесь: https://code.visualstudio.com/docs/extensions/themes-snippets-colorizers#_syntax-highlighting-colors и здесь: https://www.sublimetext.com/docs/3/scope_naming.html

Ответ 6

Самый простой способ - отредактировать пользовательские настройки и настроить workbench.colorCustomizations

Если вы хотите сделать свою тему

Также есть опция изменить текущую тему, которая скопирует текущие настройки темы и позволит вам сохранить ее как файл *.color-theme.json JSON5

Ответ 7

Я не уверен, подходит ли этот ответ здесь, но я хотел бы поделиться решением для пользователей MAC, и это выглядит неудобно, если я начинаю новый вопрос и отвечаю сам.

[Решение для MAC OS]
найдите свой путь к VSCode, как показано ниже:

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

откройте файл .json и найдите измененные целевые стили.
Для моего случая, я хочу изменить белый цвет рендеринга, и я нашел его как "editorWhitespace.foreground"
поэтому в settings.json в Visual Studio Code, я добавил следующие строки (я делаю в настройках рабочей области),

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

Решения, ориентированные на: https://code.visualstudio.com/docs/getstarted/themes#_customize-a-color-theme

Не забудьте сохранить настройки ⌘ Command + S.

Ответ 8

в вашем коде VS:

Ctrl + K Ctrl + T

Ответ 9

docs теперь есть целый раздел об этом.

В принципе, используйте npm для установки yo и запустите команду yo code, и вы получите небольшой текстовый мастер - одним из вариантов которого будет создание и редактирование копии по умолчанию темная схема.

Ответ 10

У меня была такая же проблема, и после изучения всей проблемы я написал руководство, немного объясняющее, как работает VSC-тематика, и как писать одну тему с нуля: https://medium.com/@caludio/how-to-write-a-visual-studio-code-color-theme-from-scratch-7ccb7e5da2aa

Ответ 11

Как уже говорили другие, вам нужно переопределить параметр editor.tokenColorCustomizations или workbench.colorCustomizations в файле settings.json. Здесь вы можете выбрать базовую тему, например Abyss, и переопределить только то, что хотите изменить. Вы можете очень легко переопределить очень мало таких вещей, как функция, цвета строк и т.д.

Например. для workbench.colorCustomizations

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

Э.Г. для editor.tokenColorCustomizations:

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

Однако глубокие настройки, такие как изменение цвета ключевого слова var, потребуют от вас указать значения переопределения под клавишей textMateRules.

Например. ниже:

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

Вы также можете переопределить глобально для всех тем:

"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"
            }
        }
    ]
}

Подробнее здесь: https://code.visualstudio.com/api/language-extensions/syntax-highlight-guide