From 5915ceb3fb8a5e3182b57ce5bc6082a81450f8ff Mon Sep 17 00:00:00 2001
From: Mazhar Hussain <realmazharhussain@gmail.com>
Date: Mon, 11 Dec 2023 13:43:15 +0500
Subject: [PATCH] Automatic dark mode for roadmap image in README

---
 README.md     | 14 ++++----------
 README_AR.md  | 14 ++++----------
 README_CN.md  | 14 ++++----------
 README_DE.md  | 14 ++++----------
 README_ES.md  | 14 ++++----------
 README_FA.md  | 14 ++++----------
 README_FR.md  | 14 ++++----------
 README_ID.md  | 14 ++++----------
 README_JP.md  | 14 ++++----------
 README_KHM.md | 14 ++++----------
 README_KR.md  | 14 ++++----------
 README_PT.md  | 14 ++++----------
 README_TH.md  | 14 ++++----------
 README_TR.md  | 14 ++++----------
 README_VI.md  | 14 ++++----------
 15 files changed, 60 insertions(+), 150 deletions(-)

diff --git a/README.md b/README.md
index e70382b..28d49e1 100644
--- a/README.md
+++ b/README.md
@@ -19,16 +19,10 @@ In addition, **you don't need to learn everything from this roadmap**. So we rec
 
 ## 🗺 Roadmap
 
-<details>
-  <summary>Dark mode Android Developer Roadmap</summary>
-
-![Roadmap](images/android_developer_roadmap_dark.png)
-
-</details>
-
-<br>
-
-![Roadmap](images/android_developer_roadmap.png)
+<picture>
+  <source media="(prefers-color-scheme: dark)" srcset="images/android_developer_roadmap_dark.png">
+  <img alt="Roadmap" src="images/android_developer_roadmap.png">
+</picture>
 
 ## ✍️ Articles
 
diff --git a/README_AR.md b/README_AR.md
index e18d196..2cd31ef 100644
--- a/README_AR.md
+++ b/README_AR.md
@@ -22,16 +22,10 @@
 
 ## 🗺 خارطة الطريق 
 
-<details>
-  <summary>Dark mode Android Developer Roadmap</summary>
-
-![Roadmap](images/android_developer_roadmap_dark.png)
-
-</details>
-
-<br>
-
-![Roadmap](/images/android_developer_roadmap.png)
+<picture>
+  <source media="(prefers-color-scheme: dark)" srcset="images/android_developer_roadmap_dark.png">
+  <img alt="Roadmap" src="images/android_developer_roadmap.png">
+</picture>
 
 ## ✍️ مقالات 
 
diff --git a/README_CN.md b/README_CN.md
index 90783b8..1d57f41 100644
--- a/README_CN.md
+++ b/README_CN.md
@@ -22,16 +22,10 @@ Android Developer Roadmap 2022 建议了学习了解 Android 开发的学习路
 
 ## 🗺 路线图
 
-<details>
-  <summary>Dark mode Android Developer Roadmap</summary>
-
-![Roadmap](images/android_developer_roadmap_dark.png)
-
-</details>
-
-<br>
-
-![Roadmap](/images/android_developer_roadmap.png)
+<picture>
+  <source media="(prefers-color-scheme: dark)" srcset="images/android_developer_roadmap_dark.png">
+  <img alt="Roadmap" src="images/android_developer_roadmap.png">
+</picture>
 
 ## ✍️ 文章
 
diff --git a/README_DE.md b/README_DE.md
index bd40da3..cd3a226 100644
--- a/README_DE.md
+++ b/README_DE.md
@@ -20,16 +20,10 @@ Jeder Knoten repräsentiert ein Konzept von Android-Systemen, dem Android SDK un
 
 ## Roadmap
 
-<details>
-  <summary>Dark mode Android Developer Roadmap</summary>
-
-![Roadmap](images/android_developer_roadmap_dark.png)
-
-</details>
-
-<br>
-
-![Roadmap](/images/android_developer_roadmap.png)
+<picture>
+  <source media="(prefers-color-scheme: dark)" srcset="images/android_developer_roadmap_dark.png">
+  <img alt="Roadmap" src="images/android_developer_roadmap.png">
+</picture>
 
 ## Artikel
 
diff --git a/README_ES.md b/README_ES.md
index ca97109..9f06f78 100644
--- a/README_ES.md
+++ b/README_ES.md
@@ -21,16 +21,10 @@ Adicionalmente, **no necesitas aprender todo lo que se encuentra en este mapa**.
 
 ## Roadmap
 
-<details>
-  <summary>Dark mode Android Developer Roadmap</summary>
-
-![Roadmap](images/android_developer_roadmap_dark.png)
-
-</details>
-
-<br>
-
-![Roadmap](/images/android_developer_roadmap.png)
+<picture>
+  <source media="(prefers-color-scheme: dark)" srcset="images/android_developer_roadmap_dark.png">
+  <img alt="Roadmap" src="images/android_developer_roadmap.png">
+</picture>
 
 ## Articles
 
diff --git a/README_FA.md b/README_FA.md
index 7cd199d..bf0075e 100644
--- a/README_FA.md
+++ b/README_FA.md
@@ -21,16 +21,10 @@
 
 ## 🗺 نقشه‌راه
 
-<details>
-  <summary>نقشه‌راه توسعه‌دهنده اندروید با زمینه تاریک</summary>
-
-![Roadmap](images/android_developer_roadmap_dark.png)
-
-</details>
-
-<br>
-
-![Roadmap](images/android_developer_roadmap.png)
+<picture>
+  <source media="(prefers-color-scheme: dark)" srcset="images/android_developer_roadmap_dark.png">
+  <img alt="Roadmap" src="images/android_developer_roadmap.png">
+</picture>
 
 ## ✍️ مقالات
 
diff --git a/README_FR.md b/README_FR.md
index bbf2802..00660b5 100644
--- a/README_FR.md
+++ b/README_FR.md
@@ -19,16 +19,10 @@ En outre, **vous n'avez pas besoin de tout apprendre de cette feuille de route**
 
 ## Feuille de route
 
-<details>
-  <summary>Dark mode Android Developer Roadmap</summary>
-
-![Roadmap](images/android_developer_roadmap_dark.png)
-
-</details>
-
-<br>
-
-![feuille de route](https://raw.githubusercontent.com/skydoves/android-developer-roadmap/main/images/android_developer_roadmap.png)
+<picture>
+  <source media="(prefers-color-scheme: dark)" srcset="images/android_developer_roadmap_dark.png">
+  <img alt="feuille de route" src="images/android_developer_roadmap.png">
+</picture>
 
 ## Articles
 
diff --git a/README_ID.md b/README_ID.md
index 3557cab..97bcf9b 100644
--- a/README_ID.md
+++ b/README_ID.md
@@ -20,16 +20,10 @@ Sebagai tambahan, **anda tidak perlu mempelajari semua yang ada di roadmap ini**
 
 ## Roadmap
 
-<details>
-  <summary>Dark mode Android Developer Roadmap</summary>
-
-![Roadmap](images/android_developer_roadmap_dark.png)
-
-</details>
-
-<br>
-
-![Roadmap](/images/android_developer_roadmap.png)
+<picture>
+  <source media="(prefers-color-scheme: dark)" srcset="images/android_developer_roadmap_dark.png">
+  <img alt="Roadmap" src="images/android_developer_roadmap.png">
+</picture>
 
 ## Artikel
 
diff --git a/README_JP.md b/README_JP.md
index 0bea9be..7fd95d5 100644
--- a/README_JP.md
+++ b/README_JP.md
@@ -22,16 +22,10 @@ Android Developer Roadmap 2022は、Android開発を理解するための学習
 
 ## 🗺 ロードマップ
 
-<details>
-  <summary>Dark mode Android Developer Roadmap</summary>
-
-![Roadmap](images/android_developer_roadmap_dark.png)
-
-</details>
-
-<br>
-
-![Roadmap](/images/android_developer_roadmap.png)
+<picture>
+  <source media="(prefers-color-scheme: dark)" srcset="images/android_developer_roadmap_dark.png">
+  <img alt="Roadmap" src="images/android_developer_roadmap.png">
+</picture>
 
 ## ✍️ 本文
 
diff --git a/README_KHM.md b/README_KHM.md
index 70bf216..5b8a619 100644
--- a/README_KHM.md
+++ b/README_KHM.md
@@ -20,16 +20,10 @@ Android Developer Roadmap 2022 ផ្តល់នូវគំរោងការ
 
 ## 🗺 គំរោងការសិក្សា
 
-<details>
-  <summary>Dark mode Android Developer Roadmap</summary>
-
-![Roadmap](images/android_developer_roadmap_dark.png)
-
-</details>
-
-<br>
-
-![feuille de route](https://raw.githubusercontent.com/skydoves/android-developer-roadmap/main/images/android_developer_roadmap.png)
+<picture>
+  <source media="(prefers-color-scheme: dark)" srcset="images/android_developer_roadmap_dark.png">
+  <img alt="feuille de route" src="images/android_developer_roadmap.png">
+</picture>
 
 ## ✍️ អត្ថបទ
 
diff --git a/README_KR.md b/README_KR.md
index 9a46c46..e112758 100644
--- a/README_KR.md
+++ b/README_KR.md
@@ -20,16 +20,10 @@
 
 ## 🗺 Roadmap
 
-<details>
-  <summary>다크모드로 안드로이드 로드맵 보기</summary>
-
-![Roadmap](images/android_developer_roadmap_dark.png)
-
-</details>
-
-<br>
-
-![Roadmap](images/android_developer_roadmap.png)
+<picture>
+  <source media="(prefers-color-scheme: dark)" srcset="images/android_developer_roadmap_dark.png">
+  <img alt="Roadmap" src="images/android_developer_roadmap.png">
+</picture>
 
 ## Articles
 
diff --git a/README_PT.md b/README_PT.md
index 97feb01..3d93573 100644
--- a/README_PT.md
+++ b/README_PT.md
@@ -20,16 +20,10 @@ Além disso, **você não precisa aprender tudo deste roteiro**. Portanto, recom
 
 ## 🗺 Roteiro
 
-<details>
-  <summary>Dark mode Android Developer Roadmap</summary>
-
-![Roadmap](images/android_developer_roadmap_dark.png)
-
-</details>
-
-<br>
-
-![Roteiro](/images/android_developer_roadmap.png)
+<picture>
+  <source media="(prefers-color-scheme: dark)" srcset="images/android_developer_roadmap_dark.png">
+  <img alt="Roteiro" src="images/android_developer_roadmap.png">
+</picture>
 
 ## ✍️ Artigos
 
diff --git a/README_TH.md b/README_TH.md
index d360fee..726d2d6 100644
--- a/README_TH.md
+++ b/README_TH.md
@@ -19,16 +19,10 @@ Android Developer Roadmap 2022 จะเป็นการแนะแนวท
 
 ## 🗺 Roadmap
 
-<details>
-  <summary>กดเพื่อดูแผนผังแบบ Dark Mode</summary>
-
-![Roadmap](images/android_developer_roadmap_dark.png)
-
-</details>
-
-<br>
-
-![Roadmap](images/android_developer_roadmap.png)
+<picture>
+  <source media="(prefers-color-scheme: dark)" srcset="images/android_developer_roadmap_dark.png">
+  <img alt="Roadmap" src="images/android_developer_roadmap.png">
+</picture>
 
 ## ✍️ Articles
 
diff --git a/README_TR.md b/README_TR.md
index 6f7fca9..52fb2c2 100644
--- a/README_TR.md
+++ b/README_TR.md
@@ -20,16 +20,10 @@ Ayrıca bu yol haritasındaki her şeyi öğrenmenize gerek yok. Bu nedenle, yal
 
 ## Roadmap
 
-<details>
-  <summary>Dark mode Android Developer Roadmap</summary>
-
-![Roadmap](images/android_developer_roadmap_dark.png)
-
-</details>
-
-<br>
-
-![Roadmap](/images/android_developer_roadmap.png)
+<picture>
+  <source media="(prefers-color-scheme: dark)" srcset="images/android_developer_roadmap_dark.png">
+  <img alt="Roadmap" src="images/android_developer_roadmap.png">
+</picture>
 
 ## Articles
 
diff --git a/README_VI.md b/README_VI.md
index 9712205..8d43811 100644
--- a/README_VI.md
+++ b/README_VI.md
@@ -20,16 +20,10 @@ Ngoài ra, **bạn không cần phải học mọi thứ từ lộ trình này**
 
 ## 🗺 Lộ trình
 
-<details>
-  <summary>Dark mode Android Developer Roadmap</summary>
-
-![Roadmap](images/android_developer_roadmap_dark.png)
-
-</details>
-
-<br>
-
-![Roadmap](/images/android_developer_roadmap.png)
+<picture>
+  <source media="(prefers-color-scheme: dark)" srcset="images/android_developer_roadmap_dark.png">
+  <img alt="Roadmap" src="images/android_developer_roadmap.png">
+</picture>
 
 ## ✍️ Các bài báo