How to change the background color code block markdown github

Question

I am using below syntax

```yaml
 stages:
   - build
   - test
   - deploy
```

This helps me to get proper text color and getting box but how to change the background color of the box.

Answer 1

TL;DR: GitHub overrides any styling you apply to your document when it renders it using its own flavor.

However, for other places you can do this with HTML and CSS if you wrap it in a <div> ... </div> pair:

# Code

## Vanilla

``python
print("hello world!")
``

## Flavored V1

<div style="background-color: rgb(50, 50, 50);">

``python
print("Yo!")
``

</div>

I had to remove a backtick ` from each code section in my example in order to render it properly here.

The file above renders as below on VSCode:

You can further change the appearance with CSS, however, I wouldn't recommend it.

P.S: GitHub has global dark themes available under settings.