Merge pull request #57 from realmazharhussain/patch-1

Automatic dark mode for roadmap image in README
skydoves · Feb 12, 2024 · 02b272c · 02b272c
2 parents 62167fd + 26a7d21
commit 02b272c
Show file tree

Hide file tree

Showing 15 changed files with 60 additions and 150 deletions.
diff --git 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
@@ -22,16 +22,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_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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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