diff --git a/README.ja.md b/README.ja.md
index 018f5ead..1d7a8c2a 100644
--- a/README.ja.md
+++ b/README.ja.md
@@ -1,12 +1,56 @@
 <div align="center">
 
-![](docs/vrct_logo.png)
+<picture>
+    <source srcset="docs/vrct_logo_white.png" media="(prefers-color-scheme: dark)" width="50%">
+    <source srcset="docs/vrct_logo_black.png" media="(prefers-color-scheme: light)" width="50%">
+    <img src="docs/vrct_logo.png" alt="VRCT Logo" width="50%">
+</picture>
+
+<br>
+<br>
+
 [![GitHub release](https://img.shields.io/github/v/release/misyaguziya/VRCT.svg)](https://github.com/misyaguziya/VRCT/releases)
 [![Downloads](https://img.shields.io/github/downloads/misyaguziya/VRCT/total)](https://github.com/misyaguziya/VRCT/releases)
-[![Licence](https://img.shields.io/github/license/misyaguziya/VRCT)](https://github.com/misyaguziya/VRCT/blob/master/LICENSE)  
+[![Licence](https://img.shields.io/github/license/misyaguziya/VRCT)](https://github.com/misyaguziya/VRCT/blob/master/LICENSE)
 [![Booth](https://img.shields.io/badge/Store-Booth.pm-red)](https://misyaguziya.booth.pm/items/5155325)
 [![Github Sponsors](https://img.shields.io/badge/GitHub%20Sponsors-30363D?&logo=GitHub-Sponsors&logoColor=EA4AAA)](https://github.com/sponsors/misyaguziya)
-[![PIXIV FANBOX](https://img.shields.io/badge/PIXIV%20FANBOX-30363D?)](https://vrct-dev.fanbox.cc/)
+
+<h3>
+Become a VRCT Supporter on:
+</h3>
+
+<a href="https://vrct-dev.fanbox.cc">
+    <picture>
+        <source srcset="docs/pixiv_fanbox_white.png" media="(prefers-color-scheme: dark)" height="18px">
+        <source srcset="docs/pixiv_fanbox_black.png" media="(prefers-color-scheme: light)" height="18px">
+        <img src="docs/pixiv_fanbox_black.png" alt="PIXIV FANBOX" height="18px">
+    </picture>
+</a>&emsp;&nbsp;
+
+<a href="https://patreon.com/vrct_dev">
+    <picture>
+        <source srcset="docs/patreon_logo_white.png" media="(prefers-color-scheme: dark)" height="22px">
+        <source srcset="docs/patreon_logo_black.png" media="(prefers-color-scheme: light)" height="22px">
+        <img src="docs/patreon_logo_black.png" alt="Patreon" height="22px">
+    </picture>
+</a>&emsp;&nbsp;
+
+<a href="https://ko-fi.com/vrct_dev">
+    <picture>
+        <img src="docs/kofi_logo.png" alt="Ko-fi" height="22px">
+    </picture>
+</a>&emsp;&nbsp;
+
+<br>
+
+<picture>
+    <source srcset="docs/supporter_section_border_d.png" media="(prefers-color-scheme: dark)">
+    <source srcset="docs/supporter_section_border_l.png" media="(prefers-color-scheme: light)">
+    <img src="docs/supporter_section_border_d.png" alt="Supporter Section Border">
+</picture>
+
+<br>
+<br>
 
 | [English](./README.md) | **日本語** | [한국어](./README.ko.md) | [繁體中文](./README.zh-Hant.md) |
 
diff --git a/README.ko.md b/README.ko.md
index 824a4c4c..cffa325c 100644
--- a/README.ko.md
+++ b/README.ko.md
@@ -1,14 +1,58 @@
 <div align="center">
 
-![](docs/vrct_logo.png)
+<picture>
+    <source srcset="docs/vrct_logo_white.png" media="(prefers-color-scheme: dark)" width="50%">
+    <source srcset="docs/vrct_logo_black.png" media="(prefers-color-scheme: light)" width="50%">
+    <img src="docs/vrct_logo.png" alt="VRCT Logo" width="50%">
+</picture>
+
+<br>
+<br>
+
 [![GitHub release](https://img.shields.io/github/v/release/misyaguziya/VRCT.svg)](https://github.com/misyaguziya/VRCT/releases)
 [![Downloads](https://img.shields.io/github/downloads/misyaguziya/VRCT/total)](https://github.com/misyaguziya/VRCT/releases)
-[![Licence](https://img.shields.io/github/license/misyaguziya/VRCT)](https://github.com/misyaguziya/VRCT/blob/master/LICENSE)  
+[![Licence](https://img.shields.io/github/license/misyaguziya/VRCT)](https://github.com/misyaguziya/VRCT/blob/master/LICENSE)
 [![Booth](https://img.shields.io/badge/Store-Booth.pm-red)](https://misyaguziya.booth.pm/items/5155325)
 [![Github Sponsors](https://img.shields.io/badge/GitHub%20Sponsors-30363D?&logo=GitHub-Sponsors&logoColor=EA4AAA)](https://github.com/sponsors/misyaguziya)
-[![PIXIV FANBOX](https://img.shields.io/badge/PIXIV%20FANBOX-30363D?)](https://vrct-dev.fanbox.cc/)
 
-| [English](./README.md) | [日本語](./README.ja.md) | **한국어** |
+<h3>
+Become a VRCT Supporter on:
+</h3>
+
+<a href="https://vrct-dev.fanbox.cc">
+    <picture>
+        <source srcset="docs/pixiv_fanbox_white.png" media="(prefers-color-scheme: dark)" height="18px">
+        <source srcset="docs/pixiv_fanbox_black.png" media="(prefers-color-scheme: light)" height="18px">
+        <img src="docs/pixiv_fanbox_black.png" alt="PIXIV FANBOX" height="18px">
+    </picture>
+</a>&emsp;&nbsp;
+
+<a href="https://patreon.com/vrct_dev">
+    <picture>
+        <source srcset="docs/patreon_logo_white.png" media="(prefers-color-scheme: dark)" height="22px">
+        <source srcset="docs/patreon_logo_black.png" media="(prefers-color-scheme: light)" height="22px">
+        <img src="docs/patreon_logo_black.png" alt="Patreon" height="22px">
+    </picture>
+</a>&emsp;&nbsp;
+
+<a href="https://ko-fi.com/vrct_dev">
+    <picture>
+        <img src="docs/kofi_logo.png" alt="Ko-fi" height="22px">
+    </picture>
+</a>&emsp;&nbsp;
+
+<br>
+
+<picture>
+    <source srcset="docs/supporter_section_border_d.png" media="(prefers-color-scheme: dark)">
+    <source srcset="docs/supporter_section_border_l.png" media="(prefers-color-scheme: light)">
+    <img src="docs/supporter_section_border_d.png" alt="Supporter Section Border">
+</picture>
+
+<br>
+<br>
+
+| [English](./README.md) | [日本語](./README.ja.md) | **한국어** | [繁體中文](./README.zh-Hant.md) |
 
 <h3>
 VRCT는 음성인식 및 번역 기능을 통해 VRChat의 대화를 지원하는 소프트웨어입니다.
diff --git a/README.md b/README.md
index 93a7fa5a..13c563a6 100644
--- a/README.md
+++ b/README.md
@@ -1,12 +1,56 @@
 <div align="center">
 
-![](docs/vrct_logo.png)
+<picture>
+    <source srcset="docs/vrct_logo_white.png" media="(prefers-color-scheme: dark)" width="50%">
+    <source srcset="docs/vrct_logo_black.png" media="(prefers-color-scheme: light)" width="50%">
+    <img src="docs/vrct_logo.png" alt="VRCT Logo" width="50%">
+</picture>
+
+<br>
+<br>
+
 [![GitHub release](https://img.shields.io/github/v/release/misyaguziya/VRCT.svg)](https://github.com/misyaguziya/VRCT/releases)
 [![Downloads](https://img.shields.io/github/downloads/misyaguziya/VRCT/total)](https://github.com/misyaguziya/VRCT/releases)
-[![Licence](https://img.shields.io/github/license/misyaguziya/VRCT)](https://github.com/misyaguziya/VRCT/blob/master/LICENSE)  
+[![Licence](https://img.shields.io/github/license/misyaguziya/VRCT)](https://github.com/misyaguziya/VRCT/blob/master/LICENSE)
 [![Booth](https://img.shields.io/badge/Store-Booth.pm-red)](https://misyaguziya.booth.pm/items/5155325)
 [![Github Sponsors](https://img.shields.io/badge/GitHub%20Sponsors-30363D?&logo=GitHub-Sponsors&logoColor=EA4AAA)](https://github.com/sponsors/misyaguziya)
-[![PIXIV FANBOX](https://img.shields.io/badge/PIXIV%20FANBOX-30363D?)](https://vrct-dev.fanbox.cc/)
+
+<h3>
+Become a VRCT Supporter on:
+</h3>
+
+<a href="https://vrct-dev.fanbox.cc">
+    <picture>
+        <source srcset="docs/pixiv_fanbox_white.png" media="(prefers-color-scheme: dark)" height="18px">
+        <source srcset="docs/pixiv_fanbox_black.png" media="(prefers-color-scheme: light)" height="18px">
+        <img src="docs/pixiv_fanbox_black.png" alt="PIXIV FANBOX" height="18px">
+    </picture>
+</a>&emsp;&nbsp;
+
+<a href="https://patreon.com/vrct_dev">
+    <picture>
+        <source srcset="docs/patreon_logo_white.png" media="(prefers-color-scheme: dark)" height="22px">
+        <source srcset="docs/patreon_logo_black.png" media="(prefers-color-scheme: light)" height="22px">
+        <img src="docs/patreon_logo_black.png" alt="Patreon" height="22px">
+    </picture>
+</a>&emsp;&nbsp;
+
+<a href="https://ko-fi.com/vrct_dev">
+    <picture>
+        <img src="docs/kofi_logo.png" alt="Ko-fi" height="22px">
+    </picture>
+</a>&emsp;&nbsp;
+
+<br>
+
+<picture>
+    <source srcset="docs/supporter_section_border_d.png" media="(prefers-color-scheme: dark)">
+    <source srcset="docs/supporter_section_border_l.png" media="(prefers-color-scheme: light)">
+    <img src="docs/supporter_section_border_d.png" alt="Supporter Section Border">
+</picture>
+
+<br>
+<br>
 
 | **English** | [日本語](./README.ja.md) | [한국어](./README.ko.md) | [繁體中文](./README.zh-Hant.md) |
 
diff --git a/README.zh-Hant.md b/README.zh-Hant.md
index 4cf5bb36..ea79a1b1 100644
--- a/README.zh-Hant.md
+++ b/README.zh-Hant.md
@@ -1,12 +1,56 @@
 <div align="center">
 
-![](docs/vrct_logo.png)
+<picture>
+    <source srcset="docs/vrct_logo_white.png" media="(prefers-color-scheme: dark)" width="50%">
+    <source srcset="docs/vrct_logo_black.png" media="(prefers-color-scheme: light)" width="50%">
+    <img src="docs/vrct_logo.png" alt="VRCT Logo" width="50%">
+</picture>
+
+<br>
+<br>
+
 [![GitHub release](https://img.shields.io/github/v/release/misyaguziya/VRCT.svg)](https://github.com/misyaguziya/VRCT/releases)
 [![Downloads](https://img.shields.io/github/downloads/misyaguziya/VRCT/total)](https://github.com/misyaguziya/VRCT/releases)
-[![Licence](https://img.shields.io/github/license/misyaguziya/VRCT)](https://github.com/misyaguziya/VRCT/blob/master/LICENSE)  
+[![Licence](https://img.shields.io/github/license/misyaguziya/VRCT)](https://github.com/misyaguziya/VRCT/blob/master/LICENSE)
 [![Booth](https://img.shields.io/badge/Store-Booth.pm-red)](https://misyaguziya.booth.pm/items/5155325)
 [![Github Sponsors](https://img.shields.io/badge/GitHub%20Sponsors-30363D?&logo=GitHub-Sponsors&logoColor=EA4AAA)](https://github.com/sponsors/misyaguziya)
-[![PIXIV FANBOX](https://img.shields.io/badge/PIXIV%20FANBOX-30363D?)](https://vrct-dev.fanbox.cc/)
+
+<h3>
+Become a VRCT Supporter on:
+</h3>
+
+<a href="https://vrct-dev.fanbox.cc">
+    <picture>
+        <source srcset="docs/pixiv_fanbox_white.png" media="(prefers-color-scheme: dark)" height="18px">
+        <source srcset="docs/pixiv_fanbox_black.png" media="(prefers-color-scheme: light)" height="18px">
+        <img src="docs/pixiv_fanbox_black.png" alt="PIXIV FANBOX" height="18px">
+    </picture>
+</a>&emsp;&nbsp;
+
+<a href="https://patreon.com/vrct_dev">
+    <picture>
+        <source srcset="docs/patreon_logo_white.png" media="(prefers-color-scheme: dark)" height="22px">
+        <source srcset="docs/patreon_logo_black.png" media="(prefers-color-scheme: light)" height="22px">
+        <img src="docs/patreon_logo_black.png" alt="Patreon" height="22px">
+    </picture>
+</a>&emsp;&nbsp;
+
+<a href="https://ko-fi.com/vrct_dev">
+    <picture>
+        <img src="docs/kofi_logo.png" alt="Ko-fi" height="22px">
+    </picture>
+</a>&emsp;&nbsp;
+
+<br>
+
+<picture>
+    <source srcset="docs/supporter_section_border_d.png" media="(prefers-color-scheme: dark)">
+    <source srcset="docs/supporter_section_border_l.png" media="(prefers-color-scheme: light)">
+    <img src="docs/supporter_section_border_d.png" alt="Supporter Section Border">
+</picture>
+
+<br>
+<br>
 
 | [English](./README.md) | [日本語](./README.ja.md) | [한국어](./README.ko.md) | **繁體中文** |
 
diff --git a/docs/kofi_logo.png b/docs/kofi_logo.png
new file mode 100644
index 00000000..a5bccdc1
Binary files /dev/null and b/docs/kofi_logo.png differ
diff --git a/docs/patreon_logo_black.png b/docs/patreon_logo_black.png
new file mode 100644
index 00000000..26ecd6b7
Binary files /dev/null and b/docs/patreon_logo_black.png differ
diff --git a/docs/patreon_logo_white.png b/docs/patreon_logo_white.png
new file mode 100644
index 00000000..ba7e83c7
Binary files /dev/null and b/docs/patreon_logo_white.png differ
diff --git a/docs/pixiv_fanbox_black.png b/docs/pixiv_fanbox_black.png
new file mode 100644
index 00000000..fa187faf
Binary files /dev/null and b/docs/pixiv_fanbox_black.png differ
diff --git a/docs/pixiv_fanbox_white.png b/docs/pixiv_fanbox_white.png
new file mode 100644
index 00000000..890ecb96
Binary files /dev/null and b/docs/pixiv_fanbox_white.png differ
diff --git a/docs/supporter_section_border_d.png b/docs/supporter_section_border_d.png
new file mode 100644
index 00000000..04ab2391
Binary files /dev/null and b/docs/supporter_section_border_d.png differ
diff --git a/docs/supporter_section_border_l.png b/docs/supporter_section_border_l.png
new file mode 100644
index 00000000..78e8fc79
Binary files /dev/null and b/docs/supporter_section_border_l.png differ
diff --git a/docs/vrct_logo_black.png b/docs/vrct_logo_black.png
new file mode 100644
index 00000000..7868b38b
Binary files /dev/null and b/docs/vrct_logo_black.png differ
diff --git a/docs/vrct_logo_white.png b/docs/vrct_logo_white.png
new file mode 100644
index 00000000..e3258fb9
Binary files /dev/null and b/docs/vrct_logo_white.png differ