Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Support transparent backgrounds

See original GitHub issue

It looks as though starting with 365661704424f9a33b3a2cb4b85ad144948a86a9 setting the themes background to ‘none’ does not work. It just sets the background to black. If it helps at all I found changing this line: https://github.com/sourcelair/xterm.js/blob/c4da8325ace6e4bde77822377bf994d389a7c75a/src/renderer/TextRenderLayer.ts#L104 to let bg = this._colors.background fixed the issue but not sure if that is the correct solution to the problem.

Issue Analytics

State:
Created 6 years ago
Comments:13 (10 by maintainers)

Top GitHub Comments

4reactions

npezza93commented, Sep 26, 2017

I dont believe there is anything documented but you just pass the options under the theme key. Ex:

    xterm = new Terminal({
      theme: {
        foreground: '#ffffff',
        background: '#000',
        cursor: '#ffffff',
        selection: 'rgba(255, 255, 255, 0.3)',
        black: '#000000',
        red: '#e06c75',
        brightRed: '#e06c75',
        green: '#A4EFA1',
        brightGreen: '#A4EFA1',
        brightYellow: '#EDDC96',
        yellow: '#EDDC96',
        magenta: '#e39ef7',
        brightMagenta: '#e39ef7',
        cyan: '#5fcbd8',
        brightBlue: '#5fcbd8',
        brightCyan: '#5fcbd8',
        blue: '#5fcbd8',
        white: '#d0d0d0',
        brightBlack: '#808080',
        brightWhite: '#ffffff'
      }
    })

0reactions

Tyriarcommented, Jan 6, 2020

@faymek that was a regression that’s already fixed in master https://github.com/xtermjs/xterm.js/issues/2620

Top Results From Across the Web

Support PNG Free Images with Transparent Background

Download 2285 support png images with transparent background. Choose from over a million free vectors, clipart graphics, png images, design templates, ...

5 Ways to Remove the Background From Any Image

However, JPGs don't support transparent backgrounds, and when they are compressed they lose image quality. So if you were to delete the background...

Transparent Images (PNGs) | Canva Pro - Canva

Download designs or images without backgrounds as transparent PNGs. With Canva Pro, simply click on transparent background options then place your design ...

Free Transparent Background Maker | Adobe Express

Create images with transparent backgrounds for free with Adobe Express. Make your image transparent by removing the background in one click to create ......

Make a picture's background transparent or opaque in Publisher

If a picture has transparent areas, you can change them to opaque (white fill) or from opaque back to transparent again so that...