Como editar o tema escuro padrão do Visual Studio Code?

Estou usando o Windows 7 de 64 bits.

Existe uma maneira de editar o tema escuro padrão no Visual Studio Code? Na %USERPROFILE%\.vscodepasta, há apenas temas das extensões, enquanto no caminho de instalação (usei o padrão C:\Program Files (x86)\Microsoft VS Code) , há arquivos de alguns temas padrão \resources\app\extensions, como Kimbie Dark, Solarized Dark / Light ou variantes do Monokai, mas não há um tema escuro padrão.

Mas se afinal existe a possibilidade de editá-lo, então quais blocos de código são responsáveis ​​pela cor do membro do objeto, membro do ponteiro e nome da classe e estrutura na linguagem C ++?

O arquivo que você está procurando está em,

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

no Windows e pesquise o nome do arquivo dark_vs.jsonpara localizá-lo em qualquer outro sistema.

Atualizar:

Com as novas versões do VSCode, você não precisa procurar o arquivo de configurações para personalizar o tema. Agora você pode personalizar seu tema de cores com as configurações do usuário workbench.colorCustomizationse editor.tokenColorCustomizations. A documentação sobre o assunto pode ser encontrada aqui .

Nas 'Configurações do usuário' do código VS, você pode editar as cores visíveis usando as seguintes tags (este é um exemplo e há muito mais tags),

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

Se você quiser editar alguns tokens de cor C ++, use a seguinte tag,

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

No que diz respeito aos temas, o VS Code é tão editável quanto o Sublime. Você pode editar qualquer um dos temas padrão que vêm com o código do VS. Você só precisa saber onde encontrar os arquivos do tema.

Nota lateral: Eu amo o tema Monokai. No entanto, tudo que eu queria mudar era o pano de fundo. Não gosto do fundo cinza escuro. Em vez disso, acho que o contraste é MUITO melhor com um fundo preto sólido. O código aparece muito mais.

De qualquer forma, procurei o arquivo do tema e o encontrei (no windows) em:

c: \ Arquivos de programas (x86) \ Microsoft VS Code \ resources \ app \ extensions \ theme-monokai \ themes \

Nessa pasta, encontrei o arquivo Monokai.tmTheme e modifiquei a primeira chave de fundo da seguinte maneira:

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

Existem algumas teclas de 'fundo' no arquivo do tema, certifique-se de editar a correta. O que editei estava no topo. Linha 12, eu acho.

Você não pode "editar" um tema padrão, eles estão "bloqueados"

No entanto, você pode copiá-lo em seu próprio tema personalizado, com as modificações exatas que desejar.

Para obter mais informações, consulte estes artigos: https://code.visualstudio.com/Docs/customization/themes https://code.visualstudio.com/docs/extensions/install-extension#_your-extensions-folder

Se tudo o que você deseja alterar são as cores do código C ++, você deve examinar a substituição do colorizador de suporte a C ++. Para obter informações sobre isso, clique aqui: https://code.visualstudio.com/docs/customization/colorizer

EDIT: O tema escuro pode ser encontrado aqui: https://github.com/Microsoft/vscode/tree/80f8000c10b4234c7b027dccfd627442623902d2/extensions/theme-colorful-defaults

EDIT2: Para esclarecer:

• baixe este arquivo: https://github.com/Microsoft/vscode/blob/80f8000c10b4234c7b027dccfd627442623902d2/extensions/theme-colorful-defaults/themes/dark_plus.tmTheme
• Modifique como quiser
• Gere um tema usando o Yo Code https://code.visualstudio.com/docs/tools/yocode
• Copie esse tema em sua pasta de extensões. Ou, se desejar compartilhar, publique-o no mercado VS Code.

A maneira mais simples é editar as configurações do usuário e personalizar workbench.colorCustomizations

Se você quiser fazer o seu tema

Também existe a opção de modificar o tema atual que irá copiar as configurações do tema atual e permitir que você salve como um *.color-theme.jsonarquivo JSON5

Qualquer tema de cor pode ser alterado nesta seção de configurações no VS Code versão 1.12 ou superior:

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

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

Valores disponíveis para editar: https://code.visualstudio.com/docs/getstarted/theme-color-reference

EDITAR: Para alterar as cores da sintaxe, consulte aqui: https://code.visualstudio.com/docs/extensions/themes-snippets-colorizers#_syntax-highlighting-colors e aqui: https://www.sublimetext.com/docs/ 3 / scope_naming.html

Como outros afirmaram, você precisará substituir editor.tokenColorCustomizationsa workbench.colorCustomizationsconfiguração ou no arquivo settings.json. Aqui você pode escolher um tema básico, como Abyss, e apenas substituir as coisas que deseja alterar. Você pode substituir muito poucas coisas como a função, cores da string, etc. com muita facilidade.

Por exemplo, para workbench.colorCustomizations

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

Por exemplo, para editor.tokenColorCustomizations:

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

No entanto, personalizações profundas, como alterar a cor da varpalavra - chave, exigirão que você forneça os valores de substituição na textMateRuleschave.

Por exemplo, abaixo:

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

Você também pode substituir globalmente os temas:

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

Mais detalhes aqui: https://code.visualstudio.com/api/language-extensions/syntax-highlight-guide

Solução para MAC OS

Não tenho certeza se esta resposta se encaixa aqui, mas gostaria de compartilhar uma solução para usuários de MAC e ficaria estranho se eu começar uma nova pergunta e me responder lá.

procure o caminho do seu tema VSCode mais ou menos assim:

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

abra o arquivo .json e procure os estilos de destino para alterar.
Para o meu caso, quero alterar a cor de renderização do espaço em branco
e descobri que era
"editorWhitespace.foreground"
assim settings.jsonem Visual Studio Code,
adicionei as seguintes linhas (faço isso em Configurações do espaço de trabalho),

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

Soluções guiadas por: https://code.visualstudio.com/docs/getstarted/themes#_customize-a-color-theme

Não se esqueça de ⌘ Command+ SSalvar configurações entrem em vigor.

Os documentos agora têm uma seção inteira sobre isso.

Basicamente, use npmpara instalar yoe executar o comando yo codee você obterá um pequeno assistente baseado em texto - uma das opções será criar e editar uma cópia do esquema escuro padrão.

Vim aqui para encontrar uma maneira de editar o tema, mas não consegui encontrar no meu Mac. Depois de um mergulho profundo, finalmente encontrei o local de instalação:

~/.vscode/extensions

Todas as extensões estão aí!