From 968d5ad72fe4cefda17078fbcc8ea0d1a23c1f53 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E3=83=9E=E3=83=AB=E3=82=B3=E3=83=A1?=
 <akio.muto@bnt.benextgroup.jp>
Date: Sun, 16 Mar 2025 11:27:09 +0900
Subject: [PATCH] fix: add black name logo for light mode (#1266)

---
 README.md                                                 | 8 +++++---
 assets/logos/appflowy_logo_black.svg                      | 1 +
 .../logos/{appflowy_logo.svg => appflowy_logo_white.svg}  | 0
 3 files changed, 6 insertions(+), 3 deletions(-)
 create mode 100644 assets/logos/appflowy_logo_black.svg
 rename assets/logos/{appflowy_logo.svg => appflowy_logo_white.svg} (100%)

diff --git a/README.md b/README.md
index 964b886a..0c58527a 100644
--- a/README.md
+++ b/README.md
@@ -1,13 +1,15 @@
 <p align="center">
-  <img src="assets/logos/appflowy_logo.svg"  width="500" height="200" />
+    <picture>
+        <source srcset="assets/logos/appflowy_logo_white.svg" media="(prefers-color-scheme: dark)"/>
+        <img src="assets/logos/appflowy_logo_black.svg"  width="500" height="200" />
+    </picture>
 </p>
 
 <h4 align="center">
-   <a href="https://discord.gg/9Q2xaN37tV"><img src="https://img.shields.io/badge/AppFlowy.IO-discord-orange"></a>
+    <a href="https://discord.gg/9Q2xaN37tV"><img src="https://img.shields.io/badge/AppFlowy.IO-discord-orange"></a>
     <a href="https://opensource.org/licenses/AGPL-3.0"><img src="https://img.shields.io/badge/license-AGPL-purple.svg" alt="License: AGPL"></a>
 </h4>
 
-
 <p align="center">
     <a href="https://www.appflowy.com"><b>Website</b></a> •
     <a href="https://twitter.com/appflowy"><b>Twitter</b></a>
diff --git a/assets/logos/appflowy_logo_black.svg b/assets/logos/appflowy_logo_black.svg
new file mode 100644
index 00000000..e6104a3a
--- /dev/null
+++ b/assets/logos/appflowy_logo_black.svg
@@ -0,0 +1 @@
+<svg width="100%" height="100%" viewBox="0 0 175 40" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="Layer 1"><g id="Group 1171274570"><path id="Vector" d="M70.3594 13.0347H74.1863V14.4639C75.1266 13.4672 76.8831 12.668 78.8125 12.668C82.9385 12.668 85.6014 15.8649 85.6014 20.2881C85.6014 24.8466 82.4721 28.3745 77.6804 28.3745C76.349 28.3745 75.0476 28.1413 74.1863 27.643V34.665H70.3594V13.0347ZM74.1863 17.8884V23.9458C75.2188 24.6115 76.0838 24.8108 77.3476 24.8108C80.0105 24.8108 81.5413 22.8795 81.5413 20.384C81.5413 17.9881 80.144 16.258 77.6146 16.258C76.317 16.2617 75.1191 16.8616 74.1863 17.8884Z" fill="currentColor"></path><path id="Vector_2" d="M60.8858 12.7515C56.0922 12.7515 52.9648 16.2794 52.9648 20.8379C52.9648 25.2648 55.6277 28.4599 59.7537 28.4599C61.6832 28.4599 63.4472 27.6607 64.3799 26.6602V28.0932H68.2201V15.5291C65.3766 13.3758 62.2248 12.7515 60.8858 12.7515ZM64.3799 23.2357C63.4396 24.2643 62.2492 24.8642 60.9516 24.8642C58.4241 24.8642 57.025 23.1341 57.025 20.7401C57.025 18.2427 58.5558 16.3114 61.2168 16.3114C62.4824 16.3114 63.3475 16.5126 64.3799 17.1783V23.2357Z" fill="currentColor"></path><path id="Vector_3" d="M87.2344 13.0352H91.0613V14.4644C92.0016 13.4677 93.7562 12.6685 95.6857 12.6685C99.8135 12.6685 102.475 15.8654 102.475 20.2885C102.475 24.8471 99.3472 28.375 94.5555 28.375C93.224 28.375 91.9226 28.1418 91.0613 27.6435V34.6655H87.2344V13.0352ZM91.0613 17.8889V23.9463C92.0919 24.612 92.957 24.8113 94.2226 24.8113C96.8836 24.8113 98.4144 22.88 98.4144 20.3845C98.4144 17.9886 97.0171 16.2585 94.4878 16.2585C93.1902 16.2622 91.9922 16.8621 91.0613 17.8889Z" fill="currentColor"></path><path id="Vector_4" d="M113.568 8.74165C112.876 8.25054 112.054 7.97271 111.206 7.94241C109.476 7.94241 108.573 8.84132 108.573 10.9043V13.035H111.268V16.6288H108.577V28.01H104.75V10.6053C104.75 6.44547 106.747 4.34863 110.074 4.34863C111.605 4.34863 113.004 4.72475 114.001 5.34722H117.395V22.3194C117.395 24.0119 117.828 24.7472 118.693 24.7472C119.326 24.7472 119.821 24.4821 120.291 24.1492L121.088 27.0772C120.223 27.7768 118.926 28.341 117.139 28.341C114.843 28.341 113.577 26.9437 113.577 23.8822L113.568 8.74165Z" fill="currentColor"></path><path id="Vector_5" d="M129.242 12.668C134.199 12.668 137.394 16.0286 137.394 20.5212C137.394 25.0139 134.197 28.3745 129.242 28.3745C124.287 28.3745 121.088 25.0139 121.088 20.5212C121.088 16.0286 124.283 12.668 129.242 12.668ZM129.242 24.8146C131.604 24.8146 133.334 23.1221 133.334 20.5212C133.334 17.9919 131.572 16.2617 129.242 16.2617C126.985 16.2617 125.182 17.9261 125.182 20.5212C125.182 23.0168 126.912 24.8146 129.242 24.8146Z" fill="currentColor"></path><path id="Vector_6" d="M156.33 28.0758H152.902L149.705 19.7562C149.472 19.192 149.372 18.5583 149.205 17.9922C149.083 18.6169 148.904 19.2293 148.672 19.822L145.513 28.0758H142.254L137.395 13.0312H141.489L143.884 21.1835C144.073 21.8389 144.217 22.5061 144.317 23.1807C144.469 22.5053 144.657 21.8386 144.881 21.1835L147.676 13.0312H151.061L153.976 21.1534C154.198 21.833 154.387 22.5235 154.54 23.2221C154.673 22.5244 154.841 21.791 155.006 21.0594L157.203 13.0407H161.063L156.33 28.0758Z" fill="currentColor"></path><path id="Vector_7" d="M169.11 28.0102C166.913 33.366 165.516 34.6655 163.32 34.6655C161.954 34.6655 160.956 34.1314 160.091 33.4996L161.322 30.6054C161.721 30.8385 162.287 31.1376 162.887 31.1376C163.852 31.1376 164.55 30.3722 165.183 28.8075L165.516 28.0102L158.594 13.0352H163.19L166.684 21.2213C166.983 21.9528 167.182 22.6505 167.416 23.384C167.538 22.6396 167.716 21.9053 167.948 21.1874L170.644 13.0352H175L169.11 28.0102Z" fill="currentColor"></path></g><path id="Vector_8" d="M39.3893 24.0859C38.2579 30.2036 33.3209 35.5498 27.6075 38.5519C26.8927 38.9266 26.6068 39.141 25.8008 39.1928H37.3977C37.6588 39.201 37.9189 39.1568 38.1625 39.0627C38.4062 38.9686 38.6285 38.8265 38.8163 38.645C39.0041 38.4634 39.1535 38.246 39.2558 38.0056C39.358 37.7652 39.4109 37.5068 39.4115 37.2456V24.0859H39.3893Z" fill="#F7931E"></path><path id="Vector_9" d="M26.7479 38.8428C26.5132 38.86 26.2776 38.86 26.043 38.8428H26.7479Z" fill="#FFCE00"></path><path id="Vector_10" d="M15.1981 12.2815C15.0231 12.4245 14.8481 12.5576 14.6682 12.6833C11.7326 14.7488 2.77054 21.4481 0.742007 18.5643C-1.24709 15.7347 0.847994 7.70683 6.00684 3.84447C6.10543 3.7656 6.20402 3.69658 6.30508 3.6251C11.9076 -0.311199 16.0978 0.233524 18.1238 3.11982C20.0267 5.82618 17.8971 10.0681 15.1981 12.2815Z" fill="#8427E0"></path><path id="Vector_11" d="M37.1026 18.4809C34.3297 20.4281 29.9546 18.1555 27.7881 15.3703C27.6993 15.2569 27.6155 15.141 27.5416 15.0277C25.4785 12.0896 18.7792 3.12755 21.663 1.10148C24.5468 -0.924595 32.8261 1.2888 36.6022 6.66455C36.686 6.78287 36.7674 6.91104 36.8487 7.01702C40.5089 12.4569 39.9322 16.4967 37.1026 18.4809Z" fill="#00B5FF"></path><path id="Vector_12" d="M33.3933 36.1608C33.2947 36.2372 33.1986 36.3087 33.1025 36.3753C27.4999 40.319 23.3098 39.7644 21.2837 36.883C19.3833 34.1717 21.508 29.9372 24.207 27.7213C24.3795 27.5759 24.5594 27.4403 24.7394 27.3146C27.6749 25.2516 36.637 18.5547 38.6631 21.4361C40.6522 24.2657 38.5571 32.2985 33.3933 36.1608Z" fill="#FFBD00"></path><path id="Vector_13" d="M17.751 38.8995C14.8672 40.9231 6.5879 38.7121 2.81182 33.3364C2.73295 33.2279 2.66147 33.1195 2.58752 33.011C-1.09736 27.5687 -0.515667 23.5067 2.309 21.5201C5.07944 19.5729 9.45694 21.843 11.621 24.6307C11.7098 24.7441 11.7936 24.8574 11.8675 24.9733C13.9404 27.9113 20.6373 36.8734 17.751 38.8995Z" fill="#E3006D"></path><path id="Vector_14" d="M15.1977 12.2815C11.1923 14.0414 2.69862 17.7041 1.42185 14.7685C0.352121 12.3037 2.33383 7.25577 6.00886 3.84447C6.10745 3.7656 6.20604 3.69658 6.3071 3.6251C11.9071 -0.3112 16.0973 0.233523 18.1234 3.11982C20.0262 5.82618 17.8966 10.0681 15.1977 12.2815Z" fill="#9327FF"></path><path id="Vector_15" d="M37.1041 18.4804C34.3312 20.4276 29.9561 18.1551 27.7896 15.3698C25.9878 11.261 22.5568 3.1296 25.4283 1.88487C28.0163 0.763384 33.4364 2.99404 36.8403 7.01661C40.5104 12.4564 39.9337 16.4963 37.1041 18.4804Z" fill="#00C8FF"></path><path id="Vector_16" d="M33.3933 36.1608C33.2947 36.2372 33.1986 36.3087 33.1024 36.3753C27.4999 40.319 23.3098 39.7644 21.2837 36.883C19.3833 34.1717 21.508 29.9372 24.207 27.7213C28.2098 25.959 36.7085 22.2987 37.9852 25.2319C39.055 27.6991 37.0733 32.7471 33.3933 36.1608Z" fill="#FFCE00"></path><path id="Vector_17" d="M13.9817 38.1181C11.4035 39.2371 5.99815 37.0163 2.59179 33.011C-1.09802 27.5687 -0.516326 23.5067 2.30834 21.5201C5.07878 19.5729 9.45627 21.843 11.6204 24.6307C13.4246 28.742 16.8532 36.8709 13.9817 38.1181Z" fill="#FB006D"></path></g></svg>
diff --git a/assets/logos/appflowy_logo.svg b/assets/logos/appflowy_logo_white.svg
similarity index 100%
rename from assets/logos/appflowy_logo.svg
rename to assets/logos/appflowy_logo_white.svg