How to change the appearence of Atom as shown in screenshot in atom-ide-ui

#1

Hello, I would like to know how I can make my atom editor look like the screenshots provided in the package atom-ide-ui. I have provided the image below.

https://i.github-camo.com/2a8374a92441ecbfbb43c6caaaa44b0814340046/68747470733a2f2f7261772e67697468756275736572636f6e74656e742e636f6d2f66616365626f6f6b2d61746f6d2f61746f6d2d6964652d75692f6d61737465722f646f63732f696d616765732f73637265656e73686f742e706e67

#2

Got it. It is called Fira Code.