From 7bb6713b46638d7f3e25ea88aa9db080912bbde3 Mon Sep 17 00:00:00 2001
From: Alex <56329333+404-Program-not-found@users.noreply.github.com>
Date: Thu, 15 Dec 2022 21:27:34 +1300
Subject: [PATCH] =?UTF-8?q?docs:=20=F0=9F=93=9D=F0=9F=8D=B1=20made=20VueTu?=
 =?UTF-8?q?be=20logo=20dark=20mode=20compatiable?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 readme.md                               | 14 ++++++++++++--
 readme/readme.bg.md                     | 14 ++++++++++++--
 readme/readme.es.md                     | 14 ++++++++++++--
 readme/readme.fr.md                     | 14 ++++++++++++--
 readme/readme.he.md                     | 14 ++++++++++++--
 readme/readme.hu.md                     | 14 ++++++++++++--
 readme/readme.id.md                     | 14 ++++++++++++--
 readme/readme.it.md                     | 14 ++++++++++++--
 readme/readme.it.md.bak                 | 14 ++++++++++++--
 readme/readme.ja.md                     | 12 +++++++++++-
 readme/readme.kr.md                     | 14 ++++++++++++--
 readme/readme.mk.md                     | 14 ++++++++++++--
 readme/readme.ms.md                     | 14 ++++++++++++--
 readme/readme.nl.md                     | 14 ++++++++++++--
 readme/readme.pl.md                     | 14 ++++++++++++--
 readme/readme.pt-br.md                  | 14 ++++++++++++--
 readme/readme.ro.md                     | 14 ++++++++++++--
 readme/readme.ta.md                     | 14 ++++++++++++--
 readme/readme.tr.md                     | 14 ++++++++++++--
 readme/readme.ua.md                     | 14 ++++++++++++--
 readme/readme.vi.md                     | 14 ++++++++++++--
 readme/readme.zh-hans.md                | 14 ++++++++++++--
 readme/readme.zh-hant.md                | 14 ++++++++++++--
 resources/readme-ja/VueTube.ja.dark.svg | 24 ++++++++++++++++++++++++
 24 files changed, 299 insertions(+), 45 deletions(-)
 create mode 100644 resources/readme-ja/VueTube.ja.dark.svg

diff --git a/readme.md b/readme.md
index a226a51..303ead9 100644
--- a/readme.md
+++ b/readme.md
@@ -1,6 +1,16 @@
 <p align="center">
-  <a href="https://vuetube.app/">
-    <img src="https://cdn.discordapp.com/attachments/751596360108605500/980418672331988992/VueTube_Dark.svg" alt="VueTube icon" width="500"/>
+    <a href="https://vuetube.app/">
+    <picture>
+      <source 
+        srcset="https://raw.githubusercontent.com/VueTubeApp/.github/main/readme_assets/dark/VueTube.svg"
+        media="(prefers-color-scheme: dark)"
+      />
+      <img 
+        src="https://raw.githubusercontent.com/VueTubeApp/.github/main/readme_assets/light/VueTube.svg" 
+        alt="VueTube icon"
+        width="500"
+       />
+    </picture>
   </a>
   </br>
   <details>
diff --git a/readme/readme.bg.md b/readme/readme.bg.md
index 9e261b7..a56d655 100644
--- a/readme/readme.bg.md
+++ b/readme/readme.bg.md
@@ -1,6 +1,16 @@
 <p align="center">
-  <a href="https://vuetube.app/">
-    <img src="https://cdn.discordapp.com/attachments/751596360108605500/980418672331988992/VueTube_Dark.svg" alt="VueTube icon" width="500"/>
+    <a href="https://vuetube.app/">
+    <picture>
+      <source 
+        srcset="https://raw.githubusercontent.com/VueTubeApp/.github/main/readme_assets/dark/VueTube.svg"
+        media="(prefers-color-scheme: dark)"
+      />
+      <img 
+        src="https://raw.githubusercontent.com/VueTubeApp/.github/main/readme_assets/light/VueTube.svg" 
+        alt="VueTube icon"
+        width="500"
+       />
+    </picture>
   </a>
   </br>
   <sub>Лого от <a href="https://github.com/afnzmn">@afnzmn</a></sub>
diff --git a/readme/readme.es.md b/readme/readme.es.md
index 9dddf1c..805ceba 100644
--- a/readme/readme.es.md
+++ b/readme/readme.es.md
@@ -1,6 +1,16 @@
 <p align="center">
-  <a href="https://vuetube.app/">
-    <img src="https://cdn.discordapp.com/attachments/751596360108605500/980418672331988992/VueTube_Dark.svg" alt="VueTube icon" width="500"/>
+    <a href="https://vuetube.app/">
+    <picture>
+      <source 
+        srcset="https://raw.githubusercontent.com/VueTubeApp/.github/main/readme_assets/dark/VueTube.svg"
+        media="(prefers-color-scheme: dark)"
+      />
+      <img 
+        src="https://raw.githubusercontent.com/VueTubeApp/.github/main/readme_assets/light/VueTube.svg" 
+        alt="VueTube icon"
+        width="500"
+       />
+    </picture>
   </a>
   </br>
   <details>
diff --git a/readme/readme.fr.md b/readme/readme.fr.md
index 5b0cc84..0b42321 100644
--- a/readme/readme.fr.md
+++ b/readme/readme.fr.md
@@ -1,6 +1,16 @@
 <p align="center">
-  <a href="https://vuetube.app/">
-    <img src="https://cdn.discordapp.com/attachments/751596360108605500/980418672331988992/VueTube_Dark.svg" alt="VueTube icon" width="500"/>
+    <a href="https://vuetube.app/">
+    <picture>
+      <source 
+        srcset="https://raw.githubusercontent.com/VueTubeApp/.github/main/readme_assets/dark/VueTube.svg"
+        media="(prefers-color-scheme: dark)"
+      />
+      <img 
+        src="https://raw.githubusercontent.com/VueTubeApp/.github/main/readme_assets/light/VueTube.svg" 
+        alt="VueTube icon"
+        width="500"
+       />
+    </picture>
   </a>
   </br>
   <sub>Logo par <a href="https://github.com/afnzmn">@afnzmn</a></sub></br>
diff --git a/readme/readme.he.md b/readme/readme.he.md
index 7de9389..7f29801 100644
--- a/readme/readme.he.md
+++ b/readme/readme.he.md
@@ -1,6 +1,16 @@
 <p align="center">
-  <a href="https://vuetube.app/">
-    <img src="https://cdn.discordapp.com/attachments/751596360108605500/980418672331988992/VueTube_Dark.svg" alt="VueTube icon" width="500"/>
+    <a href="https://vuetube.app/">
+    <picture>
+      <source 
+        srcset="https://raw.githubusercontent.com/VueTubeApp/.github/main/readme_assets/dark/VueTube.svg"
+        media="(prefers-color-scheme: dark)"
+      />
+      <img 
+        src="https://raw.githubusercontent.com/VueTubeApp/.github/main/readme_assets/light/VueTube.svg" 
+        alt="VueTube icon"
+        width="500"
+       />
+    </picture>
   </a>
   </br>
   <sub>Logo by <a href="https://github.com/afnzmn">@afnzmn</a></sub>
diff --git a/readme/readme.hu.md b/readme/readme.hu.md
index d9ac7c8..1947ea1 100644
--- a/readme/readme.hu.md
+++ b/readme/readme.hu.md
@@ -1,6 +1,16 @@
 <p align="center">
-  <a href="https://vuetube.app/">
-    <img src="https://cdn.discordapp.com/attachments/751596360108605500/980418672331988992/VueTube_Dark.svg" alt="VueTube icon" width="500"/>
+    <a href="https://vuetube.app/">
+    <picture>
+      <source 
+        srcset="https://raw.githubusercontent.com/VueTubeApp/.github/main/readme_assets/dark/VueTube.svg"
+        media="(prefers-color-scheme: dark)"
+      />
+      <img 
+        src="https://raw.githubusercontent.com/VueTubeApp/.github/main/readme_assets/light/VueTube.svg" 
+        alt="VueTube icon"
+        width="500"
+       />
+    </picture>
   </a>
   </br>
   <details>
diff --git a/readme/readme.id.md b/readme/readme.id.md
index c75be0b..13aaee0 100644
--- a/readme/readme.id.md
+++ b/readme/readme.id.md
@@ -1,6 +1,16 @@
 <p align="center">
-  <a href="https://vuetube.app/">
-    <img src="https://cdn.discordapp.com/attachments/751596360108605500/980418672331988992/VueTube_Dark.svg" alt="VueTube icon" width="500"/>
+    <a href="https://vuetube.app/">
+    <picture>
+      <source 
+        srcset="https://raw.githubusercontent.com/VueTubeApp/.github/main/readme_assets/dark/VueTube.svg"
+        media="(prefers-color-scheme: dark)"
+      />
+      <img 
+        src="https://raw.githubusercontent.com/VueTubeApp/.github/main/readme_assets/light/VueTube.svg" 
+        alt="VueTube icon"
+        width="500"
+       />
+    </picture>
   </a>
   </br>
   <sub>Logo oleh <a href="https://github.com/afnzmn">@afnzmn</a></sub></br>
diff --git a/readme/readme.it.md b/readme/readme.it.md
index 7ee770c..e5f9e0e 100644
--- a/readme/readme.it.md
+++ b/readme/readme.it.md
@@ -1,6 +1,16 @@
 <p align="center">
-  <a href="https://vuetube.app/">
-    <img src="https://cdn.discordapp.com/attachments/751596360108605500/980418672331988992/VueTube_Dark.svg" alt="VueTube icon" width="500"/>
+    <a href="https://vuetube.app/">
+    <picture>
+      <source 
+        srcset="https://raw.githubusercontent.com/VueTubeApp/.github/main/readme_assets/dark/VueTube.svg"
+        media="(prefers-color-scheme: dark)"
+      />
+      <img 
+        src="https://raw.githubusercontent.com/VueTubeApp/.github/main/readme_assets/light/VueTube.svg" 
+        alt="VueTube icon"
+        width="500"
+       />
+    </picture>
   </a>
   </br>
   <sub>Logo di <a href="https://github.com/afnzmn">@afnzmn</a></sub>
diff --git a/readme/readme.it.md.bak b/readme/readme.it.md.bak
index 701f400..17aa43f 100644
--- a/readme/readme.it.md.bak
+++ b/readme/readme.it.md.bak
@@ -1,6 +1,16 @@
 <p align="center">
-  <a href="https://vuetube.app/">
-    <img src="https://cdn.discordapp.com/attachments/751596360108605500/980418672331988992/VueTube_Dark.svg" alt="VueTube icon" width="500"/>
+    <a href="https://vuetube.app/">
+    <picture>
+      <source 
+        srcset="https://raw.githubusercontent.com/VueTubeApp/.github/main/readme_assets/dark/VueTube.svg"
+        media="(prefers-color-scheme: dark)"
+      />
+      <img 
+        src="https://raw.githubusercontent.com/VueTubeApp/.github/main/readme_assets/light/VueTube.svg" 
+        alt="VueTube icon"
+        width="500"
+       />
+    </picture>
   </a>
   </br>
   <sub>Logo di <a href="https://github.com/afnzmn">@afnzmn</a></sub>
diff --git a/readme/readme.ja.md b/readme/readme.ja.md
index 9d010f1..24e8e2b 100644
--- a/readme/readme.ja.md
+++ b/readme/readme.ja.md
@@ -1,6 +1,16 @@
 <p align="center">
   <a href="https://vuetube.app/">
-    <img src="../resources/readme-ja/VueTube.ja.svg" alt="VueTube icon" width="500"/>
+    <picture>
+      <source 
+        srcset="https://raw.githubusercontent.com/VueTubeApp/.github/main/readme_assets/dark/VueTube.ja.svg"
+        media="(prefers-color-scheme: dark)"
+      />
+      <img 
+        src="https://raw.githubusercontent.com/VueTubeApp/.github/main/readme_assets/light/VueTube.ja.svg" 
+        alt="VueTube icon"
+        width="500"
+       />
+    </picture>
   </a>
   </br>
   <sub><a href="https://github.com/afnzmn">@afnzmn</a>・ロゴ</sub>
diff --git a/readme/readme.kr.md b/readme/readme.kr.md
index 432aa6a..e77f9bf 100644
--- a/readme/readme.kr.md
+++ b/readme/readme.kr.md
@@ -1,6 +1,16 @@
 <p align="center">
-  <a href="https://vuetube.app/">
-    <img src="https://cdn.discordapp.com/attachments/751596360108605500/980418672331988992/VueTube_Dark.svg" alt="VueTube icon" width="500"/>
+    <a href="https://vuetube.app/">
+    <picture>
+      <source 
+        srcset="https://raw.githubusercontent.com/VueTubeApp/.github/main/readme_assets/dark/VueTube.svg"
+        media="(prefers-color-scheme: dark)"
+      />
+      <img 
+        src="https://raw.githubusercontent.com/VueTubeApp/.github/main/readme_assets/light/VueTube.svg" 
+        alt="VueTube icon"
+        width="500"
+       />
+    </picture>
   </a>
   </br>
   <sub>로고 제작자: <a href="https://github.com/afnzmn">@afnzmn</a></sub> </br>
diff --git a/readme/readme.mk.md b/readme/readme.mk.md
index 2ca723f..055f4e7 100644
--- a/readme/readme.mk.md
+++ b/readme/readme.mk.md
@@ -1,6 +1,16 @@
 <p align="center">
-  <a href="https://vuetube.app/">
-    <img src="https://cdn.discordapp.com/attachments/751596360108605500/980418672331988992/VueTube_Dark.svg" alt="VueTube icon" width="500"/>
+    <a href="https://vuetube.app/">
+    <picture>
+      <source 
+        srcset="https://raw.githubusercontent.com/VueTubeApp/.github/main/readme_assets/dark/VueTube.svg"
+        media="(prefers-color-scheme: dark)"
+      />
+      <img 
+        src="https://raw.githubusercontent.com/VueTubeApp/.github/main/readme_assets/light/VueTube.svg" 
+        alt="VueTube icon"
+        width="500"
+       />
+    </picture>
   </a>
   </br>
   <sub>Лого од <a href="https://github.com/afnzmn">@afnzmn</a></sub></br>
diff --git a/readme/readme.ms.md b/readme/readme.ms.md
index 184e113..6b00782 100644
--- a/readme/readme.ms.md
+++ b/readme/readme.ms.md
@@ -1,6 +1,16 @@
 <p align="center">
-  <a href="https://vuetube.app/">
-    <img src="https://cdn.discordapp.com/attachments/751596360108605500/980418672331988992/VueTube_Dark.svg" alt="VueTube icon" width="500"/>
+    <a href="https://vuetube.app/">
+    <picture>
+      <source 
+        srcset="https://raw.githubusercontent.com/VueTubeApp/.github/main/readme_assets/dark/VueTube.svg"
+        media="(prefers-color-scheme: dark)"
+      />
+      <img 
+        src="https://raw.githubusercontent.com/VueTubeApp/.github/main/readme_assets/light/VueTube.svg" 
+        alt="VueTube icon"
+        width="500"
+       />
+    </picture>
   </a>
   </br>
   <details>
diff --git a/readme/readme.nl.md b/readme/readme.nl.md
index 919650a..dd03ac9 100644
--- a/readme/readme.nl.md
+++ b/readme/readme.nl.md
@@ -1,6 +1,16 @@
 <p align="center">
-  <a href="https://vuetube.app/">
-    <img src="https://cdn.discordapp.com/attachments/751596360108605500/980418672331988992/VueTube_Dark.svg" alt="VueTube icon" width="500"/>
+    <a href="https://vuetube.app/">
+    <picture>
+      <source 
+        srcset="https://raw.githubusercontent.com/VueTubeApp/.github/main/readme_assets/dark/VueTube.svg"
+        media="(prefers-color-scheme: dark)"
+      />
+      <img 
+        src="https://raw.githubusercontent.com/VueTubeApp/.github/main/readme_assets/light/VueTube.svg" 
+        alt="VueTube icon"
+        width="500"
+       />
+    </picture>
   </a>
   </br>
   <sub>Logo gemaakt door <a href="https://github.com/afnzmn">@afnzmn</a></sub>
diff --git a/readme/readme.pl.md b/readme/readme.pl.md
index 3a1d4ac..06c647c 100644
--- a/readme/readme.pl.md
+++ b/readme/readme.pl.md
@@ -1,6 +1,16 @@
 <p align="center">
-  <a href="https://vuetube.app/">
-    <img src="https://cdn.discordapp.com/attachments/751596360108605500/980418672331988992/VueTube_Dark.svg" alt="VueTube icon" width="500"/>
+    <a href="https://vuetube.app/">
+    <picture>
+      <source 
+        srcset="https://raw.githubusercontent.com/VueTubeApp/.github/main/readme_assets/dark/VueTube.svg"
+        media="(prefers-color-scheme: dark)"
+      />
+      <img 
+        src="https://raw.githubusercontent.com/VueTubeApp/.github/main/readme_assets/light/VueTube.svg" 
+        alt="VueTube icon"
+        width="500"
+       />
+    </picture>
   </a>
   </br>
   <sub>Logo autorstwa <a href="https://github.com/afnzmn">@afnzmn</a></sub>
diff --git a/readme/readme.pt-br.md b/readme/readme.pt-br.md
index f3bb1cf..c599555 100644
--- a/readme/readme.pt-br.md
+++ b/readme/readme.pt-br.md
@@ -1,6 +1,16 @@
 <p align="center">
-  <a href="https://vuetube.app/">
-    <img src="https://cdn.discordapp.com/attachments/751596360108605500/980418672331988992/VueTube_Dark.svg" alt="VueTube icon" width="500"/>
+    <a href="https://vuetube.app/">
+    <picture>
+      <source 
+        srcset="https://raw.githubusercontent.com/VueTubeApp/.github/main/readme_assets/dark/VueTube.svg"
+        media="(prefers-color-scheme: dark)"
+      />
+      <img 
+        src="https://raw.githubusercontent.com/VueTubeApp/.github/main/readme_assets/light/VueTube.svg" 
+        alt="VueTube icon"
+        width="500"
+       />
+    </picture>
   </a>
   </br>
   <sub>Logo por <a href="https://github.com/afnzmn">@afnzmn</a></sub></br>
diff --git a/readme/readme.ro.md b/readme/readme.ro.md
index 742189c..ee82301 100644
--- a/readme/readme.ro.md
+++ b/readme/readme.ro.md
@@ -1,6 +1,16 @@
 <p align="center">
-  <a href="https://vuetube.app/">
-    <img src="https://cdn.discordapp.com/attachments/751596360108605500/980418672331988992/VueTube_Dark.svg" alt="VueTube icon" width="500"/>
+    <a href="https://vuetube.app/">
+    <picture>
+      <source 
+        srcset="https://raw.githubusercontent.com/VueTubeApp/.github/main/readme_assets/dark/VueTube.svg"
+        media="(prefers-color-scheme: dark)"
+      />
+      <img 
+        src="https://raw.githubusercontent.com/VueTubeApp/.github/main/readme_assets/light/VueTube.svg" 
+        alt="VueTube icon"
+        width="500"
+       />
+    </picture>
   </a>
   </br>
   <sub>Logo de la <a href="https://github.com/afnzmn">@afnzmn</a></sub> </br>
diff --git a/readme/readme.ta.md b/readme/readme.ta.md
index 4a0e9e1..8e158cf 100644
--- a/readme/readme.ta.md
+++ b/readme/readme.ta.md
@@ -1,6 +1,16 @@
 <p align="center">
-  <a href="https://vuetube.app/">
-    <img src="https://cdn.discordapp.com/attachments/751596360108605500/980418672331988992/VueTube_Dark.svg" alt="VueTube icon" width="500"/>
+    <a href="https://vuetube.app/">
+    <picture>
+      <source 
+        srcset="https://raw.githubusercontent.com/VueTubeApp/.github/main/readme_assets/dark/VueTube.svg"
+        media="(prefers-color-scheme: dark)"
+      />
+      <img 
+        src="https://raw.githubusercontent.com/VueTubeApp/.github/main/readme_assets/light/VueTube.svg" 
+        alt="VueTube icon"
+        width="500"
+       />
+    </picture>
   </a>
   </br>
   <sub><a href="https://github.com/afnzmn">@afnzmn</a> இன் லோகோ</sub></br>
diff --git a/readme/readme.tr.md b/readme/readme.tr.md
index cc9cb99..7c00af5 100644
--- a/readme/readme.tr.md
+++ b/readme/readme.tr.md
@@ -1,6 +1,16 @@
 <p align="center">
-  <a href="https://vuetube.app/">
-    <img src="https://cdn.discordapp.com/attachments/751596360108605500/980418672331988992/VueTube_Dark.svg" alt="VueTube icon" width="500"/>
+    <a href="https://vuetube.app/">
+    <picture>
+      <source 
+        srcset="https://raw.githubusercontent.com/VueTubeApp/.github/main/readme_assets/dark/VueTube.svg"
+        media="(prefers-color-scheme: dark)"
+      />
+      <img 
+        src="https://raw.githubusercontent.com/VueTubeApp/.github/main/readme_assets/light/VueTube.svg" 
+        alt="VueTube icon"
+        width="500"
+       />
+    </picture>
   </a>
   </br>
   <details>
diff --git a/readme/readme.ua.md b/readme/readme.ua.md
index 8ac6243..156b6ca 100644
--- a/readme/readme.ua.md
+++ b/readme/readme.ua.md
@@ -1,6 +1,16 @@
 <p align="center">
-  <a href="https://vuetube.app/">
-    <img src="https://cdn.discordapp.com/attachments/751596360108605500/980418672331988992/VueTube_Dark.svg" alt="VueTube icon" width="500"/>
+    <a href="https://vuetube.app/">
+    <picture>
+      <source 
+        srcset="https://raw.githubusercontent.com/VueTubeApp/.github/main/readme_assets/dark/VueTube.svg"
+        media="(prefers-color-scheme: dark)"
+      />
+      <img 
+        src="https://raw.githubusercontent.com/VueTubeApp/.github/main/readme_assets/light/VueTube.svg" 
+        alt="VueTube icon"
+        width="500"
+       />
+    </picture>
   </a>
   </br>
   <details>
diff --git a/readme/readme.vi.md b/readme/readme.vi.md
index 22ed6fc..63f9ee6 100644
--- a/readme/readme.vi.md
+++ b/readme/readme.vi.md
@@ -1,6 +1,16 @@
 <p align="center">
-  <a href="https://vuetube.app/">
-    <img src="https://cdn.discordapp.com/attachments/751596360108605500/980418672331988992/VueTube_Dark.svg" alt="VueTube icon" width="500"/>
+    <a href="https://vuetube.app/">
+    <picture>
+      <source 
+        srcset="https://raw.githubusercontent.com/VueTubeApp/.github/main/readme_assets/dark/VueTube.svg"
+        media="(prefers-color-scheme: dark)"
+      />
+      <img 
+        src="https://raw.githubusercontent.com/VueTubeApp/.github/main/readme_assets/light/VueTube.svg" 
+        alt="VueTube icon"
+        width="500"
+       />
+    </picture>
   </a>
   </br>
   <sub>Logo by <a href="https://github.com/afnzmn">@afnzmn</a></sub> </br>
diff --git a/readme/readme.zh-hans.md b/readme/readme.zh-hans.md
index 61f1760..686e19b 100644
--- a/readme/readme.zh-hans.md
+++ b/readme/readme.zh-hans.md
@@ -1,6 +1,16 @@
 <p align="center">
-  <a href="https://vuetube.app/">
-    <img src="https://cdn.discordapp.com/attachments/751596360108605500/980418672331988992/VueTube_Dark.svg" alt="VueTube icon" width="500"/>
+    <a href="https://vuetube.app/">
+    <picture>
+      <source 
+        srcset="https://raw.githubusercontent.com/VueTubeApp/.github/main/readme_assets/dark/VueTube.svg"
+        media="(prefers-color-scheme: dark)"
+      />
+      <img 
+        src="https://raw.githubusercontent.com/VueTubeApp/.github/main/readme_assets/light/VueTube.svg" 
+        alt="VueTube icon"
+        width="500"
+       />
+    </picture>
   </a>
   </br>
   <details>
diff --git a/readme/readme.zh-hant.md b/readme/readme.zh-hant.md
index 6bc024d..a90ad3d 100644
--- a/readme/readme.zh-hant.md
+++ b/readme/readme.zh-hant.md
@@ -1,6 +1,16 @@
 <p align="center">
-  <a href="https://vuetube.app/">
-    <img src="https://cdn.discordapp.com/attachments/751596360108605500/980418672331988992/VueTube_Dark.svg" alt="VueTube icon" width="500"/>
+    <a href="https://vuetube.app/">
+    <picture>
+      <source 
+        srcset="https://raw.githubusercontent.com/VueTubeApp/.github/main/readme_assets/dark/VueTube.svg"
+        media="(prefers-color-scheme: dark)"
+      />
+      <img 
+        src="https://raw.githubusercontent.com/VueTubeApp/.github/main/readme_assets/light/VueTube.svg" 
+        alt="VueTube icon"
+        width="500"
+       />
+    </picture>
   </a>
   </br>
   <details>
diff --git a/resources/readme-ja/VueTube.ja.dark.svg b/resources/readme-ja/VueTube.ja.dark.svg
new file mode 100644
index 0000000..3fa94c5
--- /dev/null
+++ b/resources/readme-ja/VueTube.ja.dark.svg
@@ -0,0 +1,24 @@
+<svg width="2381" height="512" viewBox="0 0 2381 512" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="512" height="512" rx="100" fill="url(#paint0_linear_705_87)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M327.768 269.391C338.454 263.236 338.454 247.814 327.766 241.66L327.761 241.658L291.527 220.81L331.399 202.218L345.714 210.453L345.736 210.466L386.392 233.857C403.102 243.471 403.102 267.582 386.392 277.196L345.743 300.582L345.714 300.599L328.778 310.343L288.905 291.75L327.761 269.395L327.768 269.391ZM206 290.605V311.783V311.79C206.005 324.092 219.314 331.788 229.979 325.652L252.89 312.471L292.763 331.063L247.932 356.856L247.903 356.873L207.467 380.137C190.801 389.725 170 377.695 170 358.467L170 311.783L170 273.818L206 290.605ZM295.384 181.497L255.512 200.09L229.979 185.4L229.964 185.392C219.3 179.27 206 186.968 206 199.269V223.177L170 239.965L170 199.269L170 152.585C170 133.357 190.801 121.327 207.467 130.915L247.917 154.187L247.932 154.196L295.384 181.497Z" fill="url(#paint1_linear_705_87)"/>
+<path d="M767.5 203.5L747.75 211.75C754.5 221.5 762 236.25 767.25 246.5L787.25 237.75C782.5 228.5 773.75 212.75 767.5 203.5ZM797 192.25L777.25 200.5C784 210 792.25 224.5 797.25 235L817.25 226.25C812.75 217.5 803.5 201.75 797 192.25ZM659.5 214.5H622.75C623.75 222 624.5 234.75 624.5 240.5C624.5 256 624.5 347.75 624.5 376.5C624.5 398.25 637.25 410 658.75 414C669.5 415.75 684.75 416.75 701 416.75C728.5 416.75 766.25 415.25 790 411.75V375.25C769.25 380.75 729 383.75 702.75 383.75C691.75 383.75 681.5 383.5 674 382.25C662.75 380.25 657.75 377.5 657.75 366.5C657.75 347.75 657.75 255.75 657.75 240.5C657.75 233.25 658.5 222 659.5 214.5ZM643 291.25L643.25 324C677.25 316 726.25 301.25 755.75 290C764 286.75 775.25 282 784.75 278L771.5 246.5C761.5 252.25 753 256.25 744.25 260C718 270.75 675.25 284.25 643 291.25ZM1022.5 287L998.5 275.25C995.25 277 985 278 980 278C968 278 928.5 278 915.75 278C909.25 278 897.75 277.25 891 276.25V309.25C898.25 308.75 908.25 308.25 916 308.25C923.25 308.25 971.75 308.25 983.75 308.25C982.5 325 975 373.25 971.75 389.75H1006.25C1009.25 371.75 1017.75 315 1020.25 297.5C1020.5 294.75 1021.5 290.25 1022.5 287ZM868.25 377.5V410.25C877.5 409.75 884 409.5 892.75 409.5C905.5 409.5 1011.5 409.5 1024.5 409.5C1031 409.5 1043.25 409.75 1048.5 410V377.75C1042 378.5 1030.25 379 1024 379C1011.75 379 907.75 379 892.75 379C884.25 379 874.75 378.25 868.25 377.5ZM1105.75 290.25V329.75C1115.25 329 1132 328.25 1146 328.25C1175.5 328.25 1257.75 328.25 1280.5 328.25C1291 328.25 1303.75 329.5 1309.75 329.75V290.25C1303 290.75 1292 292 1280.25 292C1258 292 1175.5 292 1146 292C1133 292 1115 291 1105.75 290.25ZM1371 226.5L1379 255.5C1400.75 255 1437.5 254 1466 250C1485.25 247.25 1505.25 244 1520.75 240C1524.75 239 1531.5 237.25 1540 235L1519.25 207.5C1506.75 213.5 1481.5 219 1456.25 222.75C1428.75 226.75 1390.25 227 1371 226.5ZM1381.75 399L1413.75 420.5C1462 391.5 1478.5 348.75 1478.5 298.25C1478.5 298.25 1478.5 265 1478.5 243.5L1445.75 247.25C1445.75 282.75 1445.75 299 1445.75 299C1445.75 345.75 1426 378.75 1381.75 399ZM1352.25 286.5V318.75C1358.75 318.25 1368 317.75 1375.75 317.75C1390.5 317.75 1526.5 317.75 1542.25 317.75C1549.25 317.75 1557.5 318.25 1564.25 318.75V286.5C1558.75 287 1547 287.75 1541.75 287.75C1525 287.75 1391.25 287.75 1375.5 287.75C1367.5 287.75 1359.25 287 1352.25 286.5ZM1772.5 287L1748.5 275.25C1745.25 277 1735 278 1730 278C1718 278 1678.5 278 1665.75 278C1659.25 278 1647.75 277.25 1641 276.25V309.25C1648.25 308.75 1658.25 308.25 1666 308.25C1673.25 308.25 1721.75 308.25 1733.75 308.25C1732.5 325 1725 373.25 1721.75 389.75H1756.25C1759.25 371.75 1767.75 315 1770.25 297.5C1770.5 294.75 1771.5 290.25 1772.5 287ZM1618.25 377.5V410.25C1627.5 409.75 1634 409.5 1642.75 409.5C1655.5 409.5 1761.5 409.5 1774.5 409.5C1781 409.5 1793.25 409.75 1798.5 410V377.75C1792 378.5 1780.25 379 1774 379C1761.75 379 1657.75 379 1642.75 379C1634.25 379 1624.75 378.25 1618.25 377.5ZM1855.75 290.25V329.75C1865.25 329 1882 328.25 1896 328.25C1925.5 328.25 2007.75 328.25 2030.5 328.25C2041 328.25 2053.75 329.5 2059.75 329.75V290.25C2053 290.75 2042 292 2030.25 292C2008 292 1925.5 292 1896 292C1883 292 1865 291 1855.75 290.25ZM2257.86 195.5L2237.11 204C2243.61 214 2251.11 226.75 2256.11 237.25L2276.86 228.5C2272.36 219.25 2264.11 205 2257.86 195.5ZM2292.61 189L2271.86 197.5C2278.86 206.75 2286.61 220.75 2291.86 231L2312.61 222.25C2307.86 213.25 2299.11 198.25 2292.61 189ZM2283.61 242.5L2258.86 226.75C2252.36 228.5 2244.36 228.75 2239.36 228.75C2225.36 228.75 2142.36 228.75 2123.61 228.75C2115.36 228.75 2101.36 227.5 2093.86 226.5V262C2100.36 261.5 2112.36 260.75 2123.61 260.75C2142.36 260.75 2225.11 260.75 2240.11 260.75C2236.86 282.25 2227.36 310.75 2210.61 331.5C2190.61 356.75 2162.36 378.5 2112.86 390L2140.11 420C2184.61 405.75 2217.86 381 2240.61 351C2261.36 323.25 2272.36 284.25 2278.11 259.75C2279.36 254.5 2281.36 247.25 2283.61 242.5Z" fill="url(#paint2_linear_705_87)"/>
+<path d="M629.777 182H606.096L583.488 111.98H606.193L616.887 155.096C617.733 158.579 618.205 161.183 618.303 162.908H618.791C618.986 160.727 619.491 158.025 620.305 154.803L630.705 111.98H652.678L629.777 182ZM690.031 182V174.285H689.836C688.111 176.661 686.548 178.403 685.148 179.51C683.781 180.617 682.219 181.512 680.461 182.195C678.736 182.879 676.717 183.221 674.406 183.221C668.938 183.221 664.771 181.447 661.906 177.898C659.042 174.35 657.609 169.109 657.609 162.176V132H678.41V160.613C678.41 165.529 680.249 167.986 683.928 167.986C685.946 167.986 687.46 167.319 688.469 165.984C689.51 164.65 690.031 162.762 690.031 160.32V132H710.832V182H690.031ZM738.713 162.908C739.071 165.057 740.308 166.749 742.424 167.986C744.54 169.191 747.339 169.793 750.822 169.793C755.673 169.793 760.262 168.865 764.592 167.01V180.193C759.546 182.212 753.426 183.221 746.232 183.221C737.508 183.221 730.721 180.991 725.871 176.531C721.021 172.072 718.596 165.936 718.596 158.123C718.596 152.752 719.654 148.016 721.77 143.914C723.918 139.812 727.076 136.606 731.242 134.295C735.441 131.951 740.064 130.779 745.109 130.779C750.285 130.779 754.712 131.788 758.391 133.807C762.069 135.825 764.852 138.657 766.74 142.303C768.661 145.949 769.621 150.213 769.621 155.096V162.908H738.713ZM751.213 152.02C751.213 146.258 749.146 143.377 745.012 143.377C743.286 143.377 741.838 144.174 740.666 145.77C739.494 147.332 738.811 149.415 738.615 152.02H751.213ZM814.152 128.484V182H792.961V128.484H773.381V111.98H833.977V128.484H814.152ZM872.355 182V174.285H872.16C870.435 176.661 868.872 178.403 867.473 179.51C866.105 180.617 864.543 181.512 862.785 182.195C861.06 182.879 859.042 183.221 856.73 183.221C851.262 183.221 847.095 181.447 844.23 177.898C841.366 174.35 839.934 169.109 839.934 162.176V132H860.734V160.613C860.734 165.529 862.574 167.986 866.252 167.986C868.27 167.986 869.784 167.319 870.793 165.984C871.835 164.65 872.355 162.762 872.355 160.32V132H893.156V182H872.355ZM959.514 155.486C959.514 160.955 958.602 165.805 956.779 170.037C954.989 174.236 952.434 177.492 949.113 179.803C945.793 182.081 942.033 183.221 937.834 183.221C934.611 183.221 931.844 182.635 929.533 181.463C927.255 180.258 925.448 178.712 924.113 176.824H923.918V182H903.117V107.977H923.918V138.787H924.113C925.741 136.313 927.938 134.36 930.705 132.928C933.505 131.495 936.581 130.779 939.934 130.779C946.249 130.779 951.083 132.879 954.436 137.078C957.821 141.277 959.514 147.413 959.514 155.486ZM938.42 156.121C938.42 152.768 937.769 150.245 936.467 148.553C935.197 146.86 933.358 146.014 930.949 146.014C928.833 146.014 927.059 146.909 925.627 148.699C924.227 150.457 923.527 152.752 923.527 155.584V158.611C923.527 161.476 924.162 163.755 925.432 165.447C926.701 167.14 928.41 167.986 930.559 167.986C933.065 167.986 935.002 166.961 936.369 164.91C937.736 162.827 938.42 159.897 938.42 156.121ZM985.295 162.908C985.653 165.057 986.89 166.749 989.006 167.986C991.122 169.191 993.921 169.793 997.404 169.793C1002.25 169.793 1006.84 168.865 1011.17 167.01V180.193C1006.13 182.212 1000.01 183.221 992.814 183.221C984.09 183.221 977.303 180.991 972.453 176.531C967.603 172.072 965.178 165.936 965.178 158.123C965.178 152.752 966.236 148.016 968.352 143.914C970.5 139.812 973.658 136.606 977.824 134.295C982.023 131.951 986.646 130.779 991.691 130.779C996.867 130.779 1001.29 131.788 1004.97 133.807C1008.65 135.825 1011.43 138.657 1013.32 142.303C1015.24 145.949 1016.2 150.213 1016.2 155.096V162.908H985.295ZM997.795 152.02C997.795 146.258 995.728 143.377 991.594 143.377C989.868 143.377 988.42 144.174 987.248 145.77C986.076 147.332 985.393 149.415 985.197 152.02H997.795Z" fill="url(#paint3_linear_705_87)"/>
+<defs>
+<linearGradient id="paint0_linear_705_87" x1="0" y1="0" x2="512" y2="512" gradientUnits="userSpaceOnUse">
+<stop stop-color="#1B3245"/>
+<stop offset="1" stop-color="#0C2028"/>
+</linearGradient>
+<linearGradient id="paint1_linear_705_87" x1="170" y1="128" x2="431" y2="389" gradientUnits="userSpaceOnUse">
+<stop stop-color="#00E1C3"/>
+<stop offset="1" stop-color="#00D1D5"/>
+</linearGradient>
+<linearGradient id="paint2_linear_705_87" x1="583" y1="182" x2="1109.06" y2="1135.06" gradientUnits="userSpaceOnUse">
+<stop offset="0.167988" stop-color="#42D392"/>
+<stop offset="1" stop-color="#647EFF"/>
+</linearGradient>
+<linearGradient id="paint3_linear_705_87" x1="583" y1="91" x2="808.852" y2="464.785" gradientUnits="userSpaceOnUse">
+<stop offset="0.167988" stop-color="#42D392"/>
+<stop offset="1" stop-color="#647EFF"/>
+</linearGradient>
+</defs>
+</svg>