faressoft / terminalizer

🦄 Record your terminal and generate animated gif images or share a web player
https://terminalizer.com
MIT License
15.37k stars 499 forks source link

Customize background color of recorded files #61

Open MaximDevoir opened 5 years ago

MaximDevoir commented 5 years ago

Issue Currently, the background of rendered Terminalizer recordings are white. This imposes design restrictions on how we can display the recordings/gifs to the end user.

Question Is there an option to set the background color behind the rendered terminal?

Example Demonstration of the issue achieved by setting the background color on the Terminalizer GitHub repository page to a non-#FFF color.

Screenshot from 2019-08-15 20-16-30

jasonhodges commented 5 years ago

☝️

voodoomm commented 4 years ago

The work-around is to specify a negative margin or use the boxShadow to set the background. That's been sufficient for my needs.

frameBox:
  type: floating
  title: PowerShell
  style:
    border: 2px solid cornflowerblue
    boxShadow: 0px 0px 0px 20px blue
    margin: 10px

term

achievement008 commented 1 year ago

Another workaround - find terminalizer dir, open render/dist/css/app.css file and change background-color in body section.