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 .
Attendu:
Voici comment je mettais les couleurs:
terminal.colors = [...]; // array of 16 string in format '#rrggbb'
terminal.refresh(0, terminal.rows);
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.
Commentaire le plus utile
@zwhitchcox la façon actuelle de procéder :