From 71b65fcae3ada1ca0b147424dcad641d01eefb76 Mon Sep 17 00:00:00 2001
From: JD Solanki <jdsolanki0001@gmail.com>
Date: Wed, 20 Dec 2023 17:46:58 +0530
Subject: [PATCH] chore: improve also available in section

---
 README.md | 25 ++++++++++++++++++-------
 1 file changed, 18 insertions(+), 7 deletions(-)

diff --git a/README.md b/README.md
index 4b09a77..57032c3 100644
--- a/README.md
+++ b/README.md
@@ -103,13 +103,24 @@ For free products, enjoy community support via GitHub issues. Upgrade to Premium
 ## Also Available In
 
 <p>
-   <a href="{pro_vue_version_item_page_link_on_themeselection}" target="_blank"><img src="https://themeselection-cdn.b-cdn.net/wp-content/uploads/2022/07/vuejs-logo.png" alt="vue" width="36px" height="auto"></img></a>&nbsp;&nbsp;
-   <a href="{pro_nextjs_version_item_page_link_on_themeselection}" target="_blank"><img src="https://themeselection-cdn.b-cdn.net/wp-content/uploads/2022/10/NextJS.png" alt="vue" width="36px" height="auto"></img></a>&nbsp;&nbsp;
-   <a href="{pro_react_version_item_page_link_on_themeselection}" target="_blank"><img src="https://themeselection-cdn.b-cdn.net/wp-content/uploads/2022/07/react-logo-new.png" alt="vue" width="36px" height="auto"></img></a>&nbsp;&nbsp;
-   <a href="{pro_html_laravel_version_item_page_link_on_themeselection}" target="_blank"><img src="https://themeselection-cdn.b-cdn.net/wp-content/uploads/2022/07/laravel-logo.png" alt="vue" width="36px" height="auto"></img></a>&nbsp;&nbsp;
-   <a href="{pro_net_core_version_item_page_link_on_themeselection}" target="_blank"><img src="https://themeselection-cdn.b-cdn.net/wp-content/uploads/2022/10/asp.net_.png" alt="vue" width="36px" height="auto"></img></a>&nbsp;&nbsp;
-   <a href="{pro_html_django_version_item_page_link_on_themeselection}" target="_blank"><img src="https://themeselection-cdn.b-cdn.net/wp-content/uploads/2023/09/django-icon.png" alt="vue" width="36px" height="auto"></img></a>&nbsp;&nbsp;
-   <a href="{pro_html_version_item_page_link_on_themeselection}" target="_blank"><img src="https://themeselection-cdn.b-cdn.net/wp-content/uploads/2022/07/bootstrap-logo-new.png" alt="vue" width="36px" height="auto"></img></a>&nbsp;&nbsp;
+   <!-- Vue -->
+   <a href="{pro_vue_version_item_page_link_on_themeselection}" target="_blank"><picture><source width="56px" height="auto" media="(prefers-color-scheme: dark)" srcset="https://github.com/microsoft/vscode/assets/47495003/881bbbb8-d1c9-421c-9bce-4ea43dfa9e6e"><source width="56px" height="auto" media="(prefers-color-scheme: light)" srcset="https://github.com/microsoft/vscode/assets/47495003/b02d6473-0345-42c2-be58-e648806104fa"><img width="56px" height="auto" alt="vue" src="https://github.com/microsoft/vscode/assets/47495003/b02d6473-0345-42c2-be58-e648806104fa"></picture></img></a>&nbsp;&nbsp;
+   <!-- NextJS -->
+   <a href="{pro_nextjs_version_item_page_link_on_themeselection}" target="_blank"><picture><source width="56px" height="auto" media="(prefers-color-scheme: dark)" srcset="https://github.com/microsoft/vscode/assets/47495003/66344629-6d21-4f92-9078-f479b39cb34e"><source width="56px" height="auto" media="(prefers-color-scheme: light)" srcset="https://github.com/microsoft/vscode/assets/47495003/e1daf4e1-3fa5-4a44-969a-6143ddd67310"><img width="56px" height="auto" alt="next.js" src="https://github.com/microsoft/vscode/assets/47495003/e1daf4e1-3fa5-4a44-969a-6143ddd67310"></picture></img></a>&nbsp;&nbsp;
+   <!-- React -->
+   <a href="{pro_react_version_item_page_link_on_themeselection}" target="_blank"><picture><source width="56px" height="auto" media="(prefers-color-scheme: dark)" srcset="https://github.com/microsoft/vscode/assets/47495003/3877046e-c652-4b3d-99e9-2e134da1d6cf"><source width="56px" height="auto" media="(prefers-color-scheme: light)" srcset="https://github.com/microsoft/vscode/assets/47495003/8c8c940e-d8f9-4213-a7f7-f8bc4968f169"><img width="56px" height="auto" alt="react" src="https://github.com/microsoft/vscode/assets/47495003/8c8c940e-d8f9-4213-a7f7-f8bc4968f169"></picture></img></a>&nbsp;&nbsp;
+   <!-- HTML + Laravel -->
+   <a href="{pro_html_laravel_version_item_page_link_on_themeselection}" target="_blank"><picture><source width="56px" height="auto" media="(prefers-color-scheme: dark)" srcset="https://github.com/microsoft/vscode/assets/47495003/efe420e4-9863-41b7-9eda-47ea94f21a62"><source width="56px" height="auto" media="(prefers-color-scheme: light)" srcset="https://github.com/microsoft/vscode/assets/47495003/be3b86e0-4d5e-4736-bf89-4267fb4d6710"><img width="56px" height="auto" alt="html_laravel" src="https://github.com/microsoft/vscode/assets/47495003/be3b86e0-4d5e-4736-bf89-4267fb4d6710"></picture></img></a>&nbsp;&nbsp;
+   <!-- HTML + Django -->
+   <a href="{pro_html_django_version_item_page_link_on_themeselection}" target="_blank"><picture><source width="56px" height="auto" media="(prefers-color-scheme: dark)" srcset="https://github.com/microsoft/vscode/assets/47495003/3c87d33b-1223-4aaa-a652-388dcb714c98"><source width="56px" height="auto" media="(prefers-color-scheme: light)" srcset="https://github.com/microsoft/vscode/assets/47495003/51db1947-eac1-466f-87fd-5a209010fe9c"><img width="56px" height="auto" alt="html_django" src="https://github.com/microsoft/vscode/assets/47495003/51db1947-eac1-466f-87fd-5a209010fe9c"></picture></img></a>&nbsp;&nbsp;
+   <!-- HTML -->
+   <a href="{pro_html_version_item_page_link_on_themeselection}" target="_blank"><picture><source width="56px" height="auto" media="(prefers-color-scheme: dark)" srcset="https://github.com/microsoft/vscode/assets/47495003/5fe77c46-2e4c-475a-8dec-e30e2badddee"><source width="56px" height="auto" media="(prefers-color-scheme: light)" srcset="https://github.com/microsoft/vscode/assets/47495003/3f5decd8-cd99-4ed3-aa76-528ca061385b"><img width="56px" height="auto" alt="html" src="https://github.com/microsoft/vscode/assets/47495003/3f5decd8-cd99-4ed3-aa76-528ca061385b"></picture></img></a>&nbsp;&nbsp;
+   <!-- .Net Core -->
+   <a href="{pro_net_core_version_item_page_link_on_themeselection}" target="_blank"><picture><source width="56px" height="auto" media="(prefers-color-scheme: dark)" srcset="https://github.com/microsoft/vscode/assets/47495003/6327fd7b-9c54-4189-a852-28551ad0e002"><source width="56px" height="auto" media="(prefers-color-scheme: light)" srcset="https://github.com/microsoft/vscode/assets/47495003/9856e9d5-021f-4573-902a-702e80dd0102"><img width="56px" height="auto" alt="net_core" src="https://github.com/microsoft/vscode/assets/47495003/9856e9d5-021f-4573-902a-702e80dd0102"></picture></img></a>&nbsp;&nbsp;
+   <!-- Angular -->
+   <a href="{pro_angular_version_item_page_link_on_themeselection}" target="_blank"><picture><source width="56px" height="auto" media="(prefers-color-scheme: dark)" srcset="https://github.com/microsoft/vscode/assets/47495003/da7f0abe-9f83-4205-b691-bc8d2ffef59b"><source width="56px" height="auto" media="(prefers-color-scheme: light)" srcset="https://github.com/microsoft/vscode/assets/47495003/9ebeb520-442a-4047-9000-5b13d0e6c000"><img width="56px" height="auto" alt="angular" src="https://github.com/microsoft/vscode/assets/47495003/9ebeb520-442a-4047-9000-5b13d0e6c000"></picture></img></a>&nbsp;&nbsp;
+   <!-- Figma -->
+   <a href="{pro_html_version_item_page_link_on_themeselection}" target="_blank"><picture><source width="56px" height="auto" media="(prefers-color-scheme: dark)" srcset="https://github.com/microsoft/vscode/assets/47495003/0318a6c8-4f9b-4cf6-af5e-d357f909ea2b"><source width="56px" height="auto" media="(prefers-color-scheme: light)" srcset="https://github.com/microsoft/vscode/assets/47495003/47f21dfe-c1fc-4a7d-859e-4d98f8cdded1"><img width="56px" height="auto" alt="html" src="https://github.com/microsoft/vscode/assets/47495003/47f21dfe-c1fc-4a7d-859e-4d98f8cdded1"></picture></img></a>&nbsp;&nbsp;
 </p>
 
 <!-- Add other pro variants here. You can get logo URL from here: https://icones.js.org/collection/logos -->