Як редагувати темну тему за замовчуванням для коду Visual Studio?

Question 1

Я використовую Windows 7 64-bit.

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

Але якщо все-таки є можливість його редагувати, то які блоки коду відповідають за колір члена об'єкта, члена вказівника та ім'я класу та структури на мові С ++?

Question 2

Файл, який ви шукаєте, знаходиться в

Код Microsoft VS \ resources \ app \ extensions \ theme-за замовчуванням \ themes

у Windows та шукайте ім'я файлу, dark_vs.jsonщоб знайти його в будь-якій іншій системі.

Оновлення:

У нових версіях VSCode вам не потрібно шукати файл налаштувань, щоб налаштувати тему. Тепер ви можете налаштувати кольорову тему за допомогою налаштувань користувача workbench.colorCustomizationsта editor.tokenColorCustomizationsкористувача. Документацію з цього питання можна знайти тут .

Question 3

У коді 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"}

Якщо ви хочете редагувати деякі маркери кольорів C ++, використовуйте такий тег,

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

Question 4

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

Примітка: Я люблю тему Monokai. Однак все, що я хотів змінити з цього приводу, - це передісторія. Мені не подобається темно-сіруватий фон. Натомість, я думаю, що контраст НАБАГАТО кращий із суцільним чорним фоном. Код вискакує набагато більше.

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

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

У цій папці я знайшов файл Monokai.tmTheme і змінив перший фоновий ключ наступним чином:

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

У файлі теми є кілька «фонових» клавіш, переконайтесь, що ви відредагували правильний. Той, який я відредагував, був на самому верху. Рядок 12, думаю.

Question 5

Ви не можете "редагувати" тему за замовчуванням, вони "заблоковані"

Тим не менш, ви можете скопіювати його у свою власну тему з точними змінами, які хочете.

Для отримання додаткової інформації див. Ці статті: https://code.visualstudio.com/Docs/customization/themes https://code.visualstudio.com/docs/extensions/install-extension#_your-extensions-folder

Якщо все, що ви хочете змінити, - це кольори коду на C ++, вам слід поглянути на перезапис кольорової підтримки підтримки c ++. Щоб отримати інформацію про це, перейдіть сюди: 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.

Question 6

Найпростіший спосіб - це редагування налаштувань користувача та налаштування workbench.colorCustomizations

Якщо ви хочете зробити свою тему

Існує також можливість змінити поточну тему, яка скопіює поточні налаштування теми та дозволить зберегти її як *.color-theme.jsonфайл JSON5

Question 7

Будь-яку кольорову тему можна змінити в цьому розділі налаштувань 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

Question 8

Як зазначали інші, вам потрібно буде замінити параметр editor.tokenColorCustomizationsабо workbench.colorCustomizationsпараметр у файлі settings.json. Тут ви можете вибрати базову тему, наприклад, «Безодня», і замінити лише те, що ви хочете змінити. Ви можете дуже легко замінити дуже мало таких речей, як функція, кольори рядків тощо.

Наприклад, для 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

Question 9

Рішення для ОС MAC

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

шукайте шлях до теми 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зберегти налаштування, щоб набути чинності.

Question 10

У Docs тепер є цілий розділ про це.

По суті, використовуйте npmдля встановлення yoта запустіть команду, yo codeі ви отримаєте невеликий майстер на основі тексту - одним із варіантів буде створення та редагування копії темної схеми за замовчуванням.

Question 11

Я прийшов сюди, щоб знайти спосіб редагування теми, але не зміг знайти його на своєму Mac. Після глибокого занурення, нарешті, я знайшов місце встановлення:

~/.vscode/extensions

Всі розширення там!