Tema colore per terminale integrato VS Code

100

Possiamo cambiare le impostazioni del colore del terminale integrato VS Code? Il mio sembra noioso solo con il bianco.

terminal visual-studio-code vscode-settings

— John Jai
fonte

4

Ecco un utile generatore di temi per modificare il tuo "workbench.colorCustomizations"in settings.json

— Darragh Enright

184

Puoi effettivamente modificare le tue impostazioni utente e modificare ogni colore individualmente aggiungendo quanto segue alle impostazioni utente.

Apri impostazioni utente ( ctrl + ,)
Cerca workbenche seleziona Edit in settings.jsonsottoColor Customizations

"workbench.colorCustomizations" : {
    "terminal.foreground" : "#00FD61",
    "terminal.background" : "#383737"
}

Per ulteriori informazioni sui colori che puoi modificare puoi trovare qui .

— Zrag123
fonte

2

Attualmente funziona per me, la mia versione di VSCode è 1.17.2 (che è l'ultima)

— Zrag123

1

Hai ragione. Dispari. Hanno detto che è stato rimosso, ma è lì. Ho appena provato da solo e ha funzionato. Sono rimasto deluso dal fatto che abbiano detto che era stato rimosso. Sono contento di vedere che non è così.

— Mark A. Donohoe

2

Funziona correttamente! Voglio anche imparare come ottenere i colori di contrasto nel terminale però!

— solito

3

Funziona ancora a partire dalla 1.24.0. Penso che parte della confusione sia che non puoi cercare terminal.backgroundnelle impostazioni ( 'workbench.colorCustomizations': {}è l'impostazione predefinita), quindi a prima vista sembra una funzionalità mancante.

— Jim K.

1

Agosto 2019, perfetto. Grazie!

— Bob Denny

31

VSCode viene fornito con temi colore integrati che possono essere utilizzati per cambiare i colori dell'editor e del terminale.

Per cambiare il tema del colore premere ctrl+k+tin Windows / Ubuntu o cmd+k+tsu Mac.
In alternativa puoi aprire la palette dei comandi premendo ctrl+shift+pin windows / ubuntu o cmd+shift+psu mac e digita color. Seleziona preferences: color themedalle opzioni per selezionare il tuo colore preferito.
Puoi anche installare più temi dal menu delle estensioni sulla barra di sinistra. basta cercare category:themesper installare i tuoi temi preferiti. (Se è necessario ordinare i temi tramite la ricerca di installazioni category:themes @sort:installs)

Modifica : per modificare manualmente i colori nel terminale

Il team VSCode ha rimosso la personalizzazione dei colori dalla pagina delle impostazioni utente. Attualmente l'utilizzo dei temi è l'unico modo per personalizzare i colori del terminale in VSCode. Per ulteriori informazioni, consultare il numero 6766

— Dani Akash
fonte

18

Grazie per la tua risposta, ma i temi globali hanno un impatto minimo sulla finestra del terminale, influenzando solo il colore di sfondo e di primo piano in senso molto ampio. OP e io stavamo cercando di colorare il prompt, il comando di input e l'output in modo indipendente, non solo cambiare tra bianco su nero e nero su bianco. Conosci un modo per ottenere un maggiore controllo sui colori del testo del terminale?

— kjhughes

1

Sembra che abbiano rimosso la personalizzazione dei colori dalla pagina delle impostazioni utente. Attualmente l'utilizzo dei temi sembra essere l'unico modo per personalizzare i colori del terminale in VSCode. controlla github.com/Microsoft/vscode/issues/6766

— Dani Akash

È un peccato che la risposta sembri essere che attualmente non è supportato, ma è utile saperlo comunque. Ti assegnerò la taglia. Grazie per averlo rintracciato.

— kjhughes

1

Da quello che posso dire, è ancora lì da personalizzare dalle impostazioni. Apri le impostazioni e cerca "workbench.colorCustomizations"

— Mark A. Donohoe

1

Questo per cambiare il tema del colore globale e non influisce sul terminale integrato

— Akh

19

Aggiungi workbench.colorCustomizationsalle impostazioni utente

"workbench.colorCustomizations": {
  "terminal.background":"#FEFBEC",
  "terminal.foreground":"#6E6B5E",
  ...
}

Controlla https://glitchbone.github.io/vscode-base16-term per alcuni preset.

— Longfei Wu
fonte

3

il sito dei preset interattivi è una risorsa fantastica

— mdisibio

16

Se sei esigente in termini di colore, usa questo codice per personalizzare ogni segmento.

Passaggio 1: Windows: apri le impostazioni utente (ctrl +,) Mac: Comando + Maiusc + P

Passaggio 2: cerca "workbench: personalizzazioni colore" e seleziona Modifica in settings.json. Pagina il codice seguente all'interno di {} esistente e personalizzalo come preferisci.

"workbench.colorCustomizations": {
    "terminal.background":"#131212",
    "terminal.foreground":"#dddad6",
    "terminal.ansiBlack":"#1D2021",
    "terminal.ansiBrightBlack":"#665C54",
    "terminal.ansiBrightBlue":"#0D6678",
    "terminal.ansiBrightCyan":"#8BA59B",
    "terminal.ansiBrightGreen":"#237e02",
    "terminal.ansiBrightMagenta":"#8F4673",
    "terminal.ansiBrightRed":"#FB543F",
    "terminal.ansiBrightWhite":"#FDF4C1",
    "terminal.ansiBrightYellow":"#FAC03B",
    "terminal.ansiCyan":"#8BA59B",
    "terminal.ansiGreen":"#95C085",
    "terminal.ansiMagenta":"#8F4673",
    "terminal.ansiRed":"#FB543F",
    "terminal.ansiWhite":"#A89984",
    "terminal.ansiYellow":"#FAC03B"
  }

— Rana Jayant
fonte

1

Grazie! Manca il blu: ad esempio"terminal.ansiBlue":"#00a1f9"

— Panagiotis Panagi

2

I migliori colori che ho trovato - che oltre ad essere così belli, sono anche molto facili da guardare e non mi fanno bollire gli occhi - sono quelli che ho trovato elencati in questo repository GitHub: VSCode Snazzy

Installazione molto semplice :

Copia il contenuto di snazzy.json nel file "settings.json" di VS Code.

(Nel caso non sapessi come aprire il file "settings.json", premi prima Ctrl + Maiusc + P e poi scrivi Preferenze: apri impostazioni (JSON) e premi invio).

Avviso : per coloro che hanno provato ColorTool e funziona al di fuori di VSCode ma non all'interno di VSCode, non hai commesso errori nell'implementarlo, è solo una decisione degli sviluppatori di VSCode per il terminale di VSCode da colorare in modo indipendente.

— aderchox
fonte

0

Semplicemente. Puoi andare all'opzione "File -> Preferenze -> Tema colore" in Visual Studio e cambiare il colore che preferisci.

— A1991
fonte