Xterm.js: Comment définir les couleurs du terminal ?

Créé le 31 mai 2016  ·  9Commentaires  ·  Source: xtermjs/xterm.js

Je cherchais à utiliser xterm.js pour le terminal intégré de vscode, mais les couleurs semblent avoir disparu après avoir remplacé jeremyramin/term.js .

image

Attendu:

image

Voici comment je mettais les couleurs:

terminal.colors = [...]; // array of 16 string in format '#rrggbb'
terminal.refresh(0, terminal.rows);

Commentaire le plus utile

@zwhitchcox la façon actuelle de procéder :

const term = new Terminal({
  'theme', { background: '#fdf6e3' }
});

// or

term.setOption('theme', { background: '#fdf6e3' });

Tous les 9 commentaires

Je crois que xterm.js utilise une feuille de style externe au lieu de styles intégrés dans le JavaScript comme term.js. Par conséquent, vous devez importer xterm.css dans votre HTML. Si vous souhaitez modifier les couleurs par défaut, la feuille de style facilite grandement le remplacement de certaines règles de couleur. L'ajouter fait également disparaître le <textarea> utilisé pour l'entrée.

Merci, ça clarifie ça :)

Salut @Tyriar , @petschekr a parfaitement compris ; xterm.js dépend de xterm.css pour un bon rendu des couleurs, afin de permettre la thématisation du terminal.

Je suppose qu'il serait utile de documenter cela dans un endroit plus visible 😊 .

Cela ne vous permet pas de définir la couleur de fond du terminal

J'ai défini la couleur d'arrière-plan du terminal avec

term._core.renderer.colorManager.colors.background = {
  css: "#fdf6e3",
  rgba: "rgb(253, 246, 227)",
}

@zwhitchcox la façon actuelle de procéder :

const term = new Terminal({
  'theme', { background: '#fdf6e3' }
});

// or

term.setOption('theme', { background: '#fdf6e3' });

Sur une note connexe, existe-t-il des thèmes connus ou des packages NPM contenant des thèmes ?

@sdegutis pas que je sache

@Tyriar Merci, je vais juste vérifier ceux avec VS Code.

Cette page vous a été utile?
0 / 5 - 0 notes

Questions connexes

kolbe picture kolbe  ·  3Commentaires

LB-J picture LB-J  ·  3Commentaires

johnpoth picture johnpoth  ·  3Commentaires

jestapinski picture jestapinski  ·  3Commentaires

Tyriar picture Tyriar  ·  4Commentaires