Screenshots added

Author: Dharam Dhurandhar

screenshots/Ayu Dark.png

@@ -0,0 +1,23 @@
+#!/bin/bash
+
+# Define the output markdown file
+output_markdown="images.md"
+
+# Clear the markdown file if it already exists
+> "$output_markdown"
+
+# Loop through all png files in the current directory
+for file in *.png; do
+    # Extract filename without extension
+    filename="${file%.*}"
+
+    # Append the markdown header and HTML section to the markdown file
+    echo "### $filename" >> "$output_markdown"
+    echo "<div style=\"display: flex;\">" >> "$output_markdown"
+    echo "    <img src=\"screenshots/$file\" alt=\"image\" width=\"500\" style=\"margin-right: 10px;\">" >> "$output_markdown"
+    echo "</div>" >> "$output_markdown"
+    echo "<br/> <br/>" >> "$output_markdown" # Add extra line breaks for spacing
+    echo "" >> "$output_markdown"
+done
+
+echo "Markdown file created: $output_markdown"

screenshots/Blueloco Dark.png

@@ -0,0 +1,102 @@
+### Ayu Dark
+<div style="display: flex;">
+    <img src="screenshots/Ayu Dark.png" alt="image" width="500" style="margin-right: 10px;">
+</div>
+<br/> <br/>
+
+### Blueloco Dark
+<div style="display: flex;">
+    <img src="screenshots/Blueloco Dark.png" alt="image" width="500" style="margin-right: 10px;">
+</div>
+<br/> <br/>
+
+### CRT Green
+<div style="display: flex;">
+    <img src="screenshots/CRT Green.png" alt="image" width="500" style="margin-right: 10px;">
+</div>
+<br/> <br/>
+
+### Civic
+<div style="display: flex;">
+    <img src="screenshots/Civic.png" alt="image" width="500" style="margin-right: 10px;">
+</div>
+<br/> <br/>
+
+### Cobalt
+<div style="display: flex;">
+    <img src="screenshots/Cobalt.png" alt="image" width="500" style="margin-right: 10px;">
+</div>
+<br/> <br/>
+
+### Dracula
+<div style="display: flex;">
+    <img src="screenshots/Dracula.png" alt="image" width="500" style="margin-right: 10px;">
+</div>
+<br/> <br/>
+
+### Dusk
+<div style="display: flex;">
+    <img src="screenshots/Dusk.png" alt="image" width="500" style="margin-right: 10px;">
+</div>
+<br/> <br/>
+
+### Flate Arc
+<div style="display: flex;">
+    <img src="screenshots/Flate Arc.png" alt="image" width="500" style="margin-right: 10px;">
+</div>
+<br/> <br/>
+
+### Flate
+<div style="display: flex;">
+    <img src="screenshots/Flate.png" alt="image" width="500" style="margin-right: 10px;">
+</div>
+<br/> <br/>
+
+### Monokai Pro
+<div style="display: flex;">
+    <img src="screenshots/Monokai Pro.png" alt="image" width="500" style="margin-right: 10px;">
+</div>
+<br/> <br/>
+
+### Night Owl
+<div style="display: flex;">
+    <img src="screenshots/Night Owl.png" alt="image" width="500" style="margin-right: 10px;">
+</div>
+<br/> <br/>
+
+### Noctis Obscuro
+<div style="display: flex;">
+    <img src="screenshots/Noctis Obscuro.png" alt="image" width="500" style="margin-right: 10px;">
+</div>
+<br/> <br/>
+
+### One Dark Pro
+<div style="display: flex;">
+    <img src="screenshots/One Dark Pro.png" alt="image" width="500" style="margin-right: 10px;">
+</div>
+<br/> <br/>
+
+### Poimandres Dark
+<div style="display: flex;">
+    <img src="screenshots/Poimandres Dark.png" alt="image" width="500" style="margin-right: 10px;">
+</div>
+<br/> <br/>
+
+### Slack Aubergine
+<div style="display: flex;">
+    <img src="screenshots/Slack Aubergine.png" alt="image" width="500" style="margin-right: 10px;">
+</div>
+<br/> <br/>
+
+### Synthwave 84
+<div style="display: flex;">
+    <img src="screenshots/Synthwave 84.png" alt="image" width="500" style="margin-right: 10px;">
+</div>
+<br/> <br/>
+
+### Tokyo Night
+<div style="display: flex;">
+    <img src="screenshots/Tokyo Night.png" alt="image" width="500" style="margin-right: 10px;">
+</div>
+<br/> <br/>
+