📖 DOC: Sheilds

README.md

@@ -129,25 +129,25 @@ _You can also use a custom [VSCode Shades-of-Purple icon](https://raw.githubuser
 
 ## Screenshots: Shades of Purple Theme
 
-> ### Markdown Syntax
+> ![Markdown Syntax](https://img.shields.io/badge/Syntax-Markdown-gray.svg?colorB=5532F3)
 > ![markdown](https://on.ahmda.ws/tIZ6/c)
 
-> ### JavaScript Syntax
+> ![JavaScript Syntax](https://img.shields.io/badge/Syntax-JavaScript-gray.svg?colorB=5532F3)
 > ![JavaScript](https://on.ahmda.ws/tITd/c)
 
-> ### PHP Syntax
+> ![PHP Syntax](https://img.shields.io/badge/Syntax-PHP-gray.svg?colorB=5532F3)
 > ![PHP](https://on.ahmda.ws/tJch/c)
 
-> ### HTML Syntax
+> ![HTML Syntax](https://img.shields.io/badge/Syntax-HTML-gray.svg?colorB=5532F3)
 > ![HTML](https://on.ahmda.ws/tJ2Y/c)
 
-> ### Pug Syntax
+> ![Pug Syntax](https://img.shields.io/badge/Syntax-Pug-gray.svg?colorB=5532F3)
 > ![Pug](https://on.ahmda.ws/tJdq/c)
 
-> ### Python Syntax
+> ![Python Syntax](https://img.shields.io/badge/Syntax-Python-gray.svg?colorB=5532F3)
 > ![Python](https://on.ahmda.ws/tJ3u/c)
 
-> ### Go Syntax
+> ![Go Syntax](https://img.shields.io/badge/Syntax-Go-gray.svg?colorB=5532F3)
 > ![Go](https://on.ahmda.ws/tJDr/c)
 
 <br>