Comment modifier le thème sombre par défaut pour Visual Studio Code?

J'utilise Windows 7 64 bits.

Existe-t-il un moyen de modifier le thème sombre par défaut dans Visual Studio Code? Dans le %USERPROFILE%\.vscodedossier, il n'y a que les thèmes des extensions, tandis que dans le chemin d'installation (j'ai utilisé par défaut,C:\Program Files (x86)\Microsoft VS Code ), il y a des fichiers de certains thèmes standard \resources\app\extensions, comme Kimbie Dark, Solarized Dark / Light ou des variantes de Monokai, mais il n'y a pas de thème sombre par défaut.

Mais si après tout il y a une possibilité de l'éditer, alors quels blocs de code sont responsables de la couleur du membre de l'objet, du membre du pointeur et du nom de la classe et de la structure en langage C ++?

Le fichier que vous recherchez se trouve à,

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

sur Windows et recherchez le nom dark_vs.jsonde fichier pour le localiser sur n'importe quel autre système.

Mise à jour:

Avec les nouvelles versions de VSCode, vous n'avez pas besoin de rechercher le fichier de paramètres pour personnaliser le thème. Vous pouvez désormais personnaliser votre thème de couleurs avec les paramètres utilisateur workbench.colorCustomizationset editor.tokenColorCustomizations. La documentation à ce sujet est disponible ici .

Dans le code VS `` Paramètres utilisateur '', vous pouvez modifier les couleurs visibles à l'aide des balises suivantes (ceci est un exemple et il y a beaucoup plus de balises),

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

Si vous souhaitez modifier certains jetons de couleur C ++, utilisez la balise suivante,

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

En ce qui concerne les thèmes, VS Code est tout aussi modifiable que Sublime. Vous pouvez modifier l'un des thèmes par défaut fournis avec le code VS. Il vous suffit de savoir où trouver les fichiers de thème.

Note latérale: j'adore le thème Monokai. Cependant, tout ce que je voulais changer à ce sujet était l'arrière-plan. Je n'aime pas le fond grisâtre foncé. Au lieu de cela, je pense que le contraste est bien meilleur avec un fond noir uni. Le code ressort beaucoup plus.

Quoi qu'il en soit, j'ai cherché le fichier de thème et l'ai trouvé (dans Windows) à:

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

Dans ce dossier, j'ai trouvé le fichier Monokai.tmTheme et modifié la première clé d'arrière-plan comme suit:

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

Il y a quelques clés «d'arrière-plan» dans le fichier de thème, assurez-vous de modifier la bonne. Celui que j'ai édité était tout en haut. Ligne 12 je pense.

Vous ne pouvez pas "modifier" un thème par défaut, ils sont "verrouillés"

Cependant, vous pouvez le copier dans votre propre thème personnalisé, avec les modifications exactes que vous souhaitez.

Pour plus d'informations, consultez ces articles: https://code.visualstudio.com/Docs/customization/themes https://code.visualstudio.com/docs/extensions/install-extension#_your-extensions-folder

Si vous ne souhaitez modifier que les couleurs du code C ++, vous devez envisager de remplacer le coloriseur de support C ++. Pour plus d'informations à ce sujet, rendez-vous ici: https://code.visualstudio.com/docs/customization/colorizer

EDIT: Le thème sombre se trouve ici: https://github.com/Microsoft/vscode/tree/80f8000c10b4234c7b027dccfd627442623902d2/extensions/theme-colorful-defaults

EDIT2: Pour clarifier:

• téléchargez ce fichier: https://github.com/Microsoft/vscode/blob/80f8000c10b4234c7b027dccfd627442623902d2/extensions/theme-colorful-defaults/themes/dark_plus.tmTheme
• Modifiez comme vous le souhaitez
• Générer un thème avec Yo Code https://code.visualstudio.com/docs/tools/yocode
• Copiez ce thème dans votre dossier d'extension. Ou, si vous avez envie de partager, publiez-le sur le marché VS Code.

Le moyen le plus simple consiste à modifier les paramètres utilisateur et à personnaliser workbench.colorCustomizations

Si vous souhaitez créer votre thème

Il existe également la possibilité de modifier le thème actuel qui copiera les paramètres actuels du thème et vous permettra de l'enregistrer en tant que *.color-theme.jsonfichier JSON5

Tout thème de couleur peut être modifié dans cette section de paramètres sur VS Code version 1.12 ou supérieure:

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

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

Valeurs disponibles à modifier: https://code.visualstudio.com/docs/getstarted/theme-color-reference

EDIT: Pour changer les couleurs de la syntaxe, voir ici: https://code.visualstudio.com/docs/extensions/themes-snippets-colorizers#_syntax-highlighting-colors et ici: https://www.sublimetext.com/docs/ 3 / scope_naming.html

Comme d'autres l'ont indiqué, vous devrez remplacer editor.tokenColorCustomizationsle workbench.colorCustomizationsparamètre ou dans le fichier settings.json. Ici, vous pouvez choisir un thème de base, comme Abyss, et remplacer uniquement les éléments que vous souhaitez modifier. Vous pouvez soit remplacer très peu de choses comme la fonction, les couleurs de chaîne, etc. très facilement.

Par exemple pour workbench.colorCustomizations

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

Par exemple pour editor.tokenColorCustomizations:

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

Cependant, des personnalisations profondes telles que le changement de couleur du varmot - clé vous obligeront à fournir les valeurs de remplacement sous la textMateRulesclé.

Par exemple ci-dessous:

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

Vous pouvez également remplacer globalement les thèmes:

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

Plus de détails ici: https://code.visualstudio.com/api/language-extensions/syntax-highlight-guide

Solution pour MAC OS

Je ne sais pas si cette réponse convient ici, mais j'aimerais partager une solution pour les utilisateurs de MAC et cela semble gênant si je commence une nouvelle question et y réponds.

recherchez le chemin de votre thème VSCode comme ci-dessous:

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

ouvrez le fichier .json et recherchez les styles ciblés à modifier.
Dans mon cas, je souhaite modifier la couleur de rendu des espaces blancs
et je l'ai trouvée comme
"editorWhitespace.foreground"
telle settings.jsondans Visual Studio Code,
j'ai ajouté les lignes suivantes (je le fais dans les paramètres de l'espace de travail),

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

Solutions guidées depuis: https://code.visualstudio.com/docs/getstarted/themes#_customize-a-color-theme

N'oubliez pas de ⌘ Command+ Senregistrer les paramètres pour qu'ils prennent effet.

La documentation a maintenant une section entière à ce sujet.

Fondamentalement, utilisez npmpour installer yoet exécuter la commande yo codeet vous obtiendrez un petit assistant basé sur du texte - dont l'une des options sera de créer et de modifier une copie du schéma sombre par défaut.

Je suis venu ici pour trouver un moyen de modifier le thème, mais je n'ai pas pu le trouver sur mon Mac. Après une plongée approfondie, j'ai finalement trouvé le lieu d'installation:

~/.vscode/extensions

Toutes les extensions là-dedans!