Come modificare il tema scuro predefinito per Codice Visual Studio?

Question

Sto usando Windows 7 64-bit.

C'è un modo per modificare il tema scuro predefinito nel codice di Visual Studio? Nella cartella% USERPROFILE% .vscode ci sono solo temi delle estensioni, mentre nel percorso di installazione (ho usato di default C: \ Programmi (x86) \ Microsoft VS Code) ci sono file di alcuni temi standard in \ resources \ app \ estensioni, come Kimbie Dark, Solarized Dark/Light o varianti di Monokai, ma non esiste un tema scuro predefinito.

Ma se dopotutto esiste la possibilità di modificarlo, quali blocchi di codice sono responsabili del colore del membro dell'oggetto, del puntatore e del nome della classe e della struttura nel linguaggio C++?

Answer 1

Il file che si sta cercando è a,

Microsoft VS codice \ risorse \ app \ Extensions \ tema-defaults \ Themes

su Windows e cercare il nome del file dark_vs.json per individuare su qualsiasi altro sistema.

Answer 2

Non è possibile "modificare" un tema predefinito, sono "bloccati in"

Tuttavia, si può copiare nel proprio tema personalizzato, con le modifiche esatte che desideri.

Per ulteriori informazioni, vedere questi articoli: https://code.visualstudio.com/Docs/customization/themes https://code.visualstudio.com/docs/extensions/install-extension#_your-extensions-folder

Se tutto quello che desidera cambiare i colori per il codice C++, si dovrebbe guardare a sovrascrivere il supporto del C++ colorizer. Per informazioni a tale proposito, andate qui: https://code.visualstudio.com/docs/customization/colorizer

EDIT: Il tema scuro si trova qui: https://github.com/Microsoft/vscode/tree/80f8000c10b4234c7b027dccfd627442623902d2/extensions/theme-colorful-defaults

EDIT2: Per chiarire:

• scaricare questo file: https://github.com/Microsoft/vscode/blob/80f8000c10b4234c7b027dccfd627442623902d2/extensions/theme-colorful-defaults/themes/dark_plus.tmTheme
• Modifica tuttavia si come
• Generare un tema utilizzando il codice Yo https://code.visualstudio.com/docs/tools/yocode
• Copia questo tema in y la nostra cartella di estensione. Oppure, se hai voglia di condividere, pubblicalo sul mercato VS Code.

Answer 3

Per quanto riguarda i temi, VS Code è modificabile come Sublime. È possibile modificare qualsiasi tema predefinito incluso nel codice VS. Devi solo sapere dove trovare i file del tema.

Nota a margine: adoro il tema Monokai. Tuttavia, tutto ciò che volevo cambiare era lo sfondo. Non mi piace lo sfondo grigio scuro. Invece, penso che il contrasto sia migliore con uno sfondo nero solido. Il codice mostra molto di più.

In ogni modo, ho cacciato per il file del tema e l'ho trovato (in Windows) a:

c: \ Program Files (x86) \ Microsoft VS codice \ risorse \ app \ estensioni \ theme-monokai \ Themes \

In quella cartella ho trovato il file Monokai.tmTheme e modificato la prima chiave di fondo come segue:

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

ci sono pochi la chiave "background" nel file del tema, assicurati di modificare quella corretta. Quello che ho modificato era in cima. Linea 12, penso.

Answer 4

nel codice VS:

Ctrl + K Ctrl + T

Answer 5

Il docs hanno ora una intera sezione di questo.

In sostanza, utilizzare npm installare yo, ed eseguire il comando yo code e si otterrà un piccolo mago basato sul testo - uno dei cui sarà quello di creare e modificare una copia dello schema scuro di default le opzioni.

Answer 6

Non sono sicuro che questa risposta vada bene qui, ma mi piacerebbe condividere una soluzione per gli utenti MAC e mi sembra imbarazzante iniziare una nuova domanda e risponderti lì.

[Soluzione per MAC OS]
look per il tuo VSCode sentiero tematico qualcosa come di seguito:

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

aprire il file .json e cercare gli stili da cambiare.
per il mio caso, voglio cambiare gli spazi di rendering del colore
e ho trovato come
"editorWhitespace.foreground"
così sotto settings.json in Visual Studio Codice,
ho aggiunto le seguenti righe (che faccio in Impostazioni area di lavoro),

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

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

non dimenticare di & # x2318; Comando + S salvare le impostazioni per rendere effettive.

Answer 7

Qualsiasi tema di colore può essere modificato in questa sezione delle impostazioni su VS Code versione 1.12 o superiore:

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

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

valori disponibili per la modifica: https://code.visualstudio.com/docs/getstarted/theme-color-reference

EDIT: Per modificare i colori della sintassi, vedere qui: https://code.visualstudio.com/docs/extensions/themes-snippets-colorizers#_syntax-highlighting-colors e qui: https://www.sublimetext.com/docs/3/scope_naming.html

Answer 8

Ho avuto lo stesso problema e dopo aver studiato l'intera questione, ho scritto una guida che spiega un po 'come funziona il tema VSC e come scrivere un tema da zero: https://medium.com/@caludio/how-to-write-a-visual-studio-code-color-theme-from-scratch-7ccb7e5da2aa

Answer 9

in VS codice 'Impostazioni utente', è possibile modificare i colori visibili usando i seguenti tag (questo è un campione e ci sono molto di più tag),

"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 si desidera modificare alcuni ++ gettoni di colore C, utilizzare il tag seguente,

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