How to add a logo or GIF to Windows Terminal App
Tags: tutorial, terminal, windows
Published: 2021-01-24 19:19:53

Hello amazing people 👋

Hope you all are doing great.  I am here with my first blog post of 2021 and it started with an astounding recommendation that I made to one of the fellow clouders [@jonnychipz](https://twitter.com/jonnychipz). I remember adding that Azure Functions GIF to my Terminal right away as [Marc](https://twitter.com/marcduiker) was showing it on one of the live streams.

{% twitter 1351910466113585152 %}


So I thought, why not compose an article to show how to do it! I will begin with what Windows Terminal App is.

## Windows Terminal App:

So what is Windows Terminal App, in Microsoft's own words " Windows Terminal is a new, modern, fast, efficient, powerful, and productive terminal application for users of command-line tools and shells like Command Prompt, PowerShell, and WSL."
Here are some key features:
- Multiple tabs
- Beautiful text
- Settings and configurability
- Last but not the least, it's open source 💜

Feel free to check it out on GitHub:

{% github Microsoft/Terminal %}

## Customization:

Let's dive into customizing the black & white terminal and bring some personal touch to it.

Now to add a logo or a gif to your terminal, navigate to the Settings:

![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1611336524917/pSQiQiER0.png)

The settings should open up as a JSON file:

![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1611336597356/uOJaZSTRq.png)

Now to add a logo or GIF, add the `backgroundImage` to your 'defaults' property, this way it will appear on all of the terminals (CMD, PowerShell, WSL etc.)
``` "backgroundImage":"https://rishabincloud.s3.amazonaws.com/nobg.png" ```
![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1611336740962/c0VcsBRjm.png)

![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1611336874964/AXfPNxLx9.png)

But hey, this doesn't look neat, it just appears as a background! So now we will add few more properties for the backgroundImage:

```
"backgroundImageAlignment" : "bottomRight",
"backgroundImageOpacity":1,
"backgroundImageStretchMode": "none"
```
So here is how your settings file should look like:

![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1611337064854/fai7bjn3W.png)

And now if we look at the terminal:

![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1611337039385/0GC33XMP1.png)

Looks pretty eh!

## Bonus:
Here is the link so you can add the Azure Functions Mascot to your terminal:

`backgroundImage":"https://raw.githubusercontent.com/marcduiker/azure-functions-university/main/img/zappy-university-192.gif`


Thanks to [Marc](https://twitter.com/marcduiker).


Also, you can customize the color scheme, I have been using [WSL](https://docs.microsoft.com/en-us/windows/wsl/install-win10) for a while now, here is the Ubuntu theme that I am using with it 😉

```
{
            // Color Scheme: UbuntuLegit
            "background":  "#2C001E",
            "black":  "#4E9A06",
            "blue":  "#3465A4",
            "brightBlack":  "#555753",
            "brightBlue":  "#729FCF",
            "brightCyan":  "#34E2E2",
            "brightGreen":  "#8AE234",
            "brightPurple":  "#AD7FA8",
            "brightRed":  "#EF2929",
            "brightWhite":  "#EEEEEE",
            "brightYellow":  "#FCE94F",
            "cyan":  "#06989A",
            "foreground":  "#EEEEEE",
            "green":  "#300A24",
            "name":  "UbuntuLegit",
            "purple":  "#75507B",
            "red":  "#CC0000",
            "white":  "#D3D7CF",
            "yellow":  "#C4A000"
     }
```

See you in the next blog and you can follow me on Twitter [@rishabk7](https://twitter.com/rishabk7).