[GH-ISSUE #2259] [Bug] App logo contrast issue in Dark Mode #931

Closed
opened 2026-03-23 20:43:16 +00:00 by mirror · 6 comments
Owner

Originally created by @AmanNegi on GitHub (Apr 14, 2023).
Original GitHub issue: https://github.com/AppFlowy-IO/AppFlowy/issues/2259

Originally assigned to: @AmanNegi on GitHub.

Bug Description

When we switch to dark mode, the logo towards the top left becomes hard to view. Reason being the Black Text in the Logo image.

How to Reproduce

Run AppFlowy and switch to Dark Mode.

Expected Behavior

When user switches to dark mode, we should use a different logo with white text, that should make it easy viewable and readable.

Operating System

Ubuntu

AppFlowy Version(s)

0.1.2

Screenshots

Screenshot from 2023-04-14 08-44-43

Additional Context

No response

Originally created by @AmanNegi on GitHub (Apr 14, 2023). Original GitHub issue: https://github.com/AppFlowy-IO/AppFlowy/issues/2259 Originally assigned to: @AmanNegi on GitHub. ### Bug Description When we switch to dark mode, the logo towards the top left becomes hard to view. Reason being the Black Text in the `Logo` image. ### How to Reproduce Run AppFlowy and switch to Dark Mode. ### Expected Behavior When user switches to dark mode, we should use a different logo with white text, that should make it easy viewable and readable. ### Operating System Ubuntu ### AppFlowy Version(s) 0.1.2 ### Screenshots ![Screenshot from 2023-04-14 08-44-43](https://user-images.githubusercontent.com/37607224/231932649-f930f95d-5f73-470b-a88a-91769021610e.png) ### Additional Context _No response_
mirror 2026-03-23 20:43:16 +00:00
Author
Owner

@AmanNegi commented on GitHub (Apr 14, 2023):

I would love to work on this issue. We have the code in place but there is some issue with the implementation.

<!-- gh-comment-id:1507874420 --> @AmanNegi commented on GitHub (Apr 14, 2023): I would love to work on this issue. We have the code in place but there is some issue with the implementation.
Author
Owner

@annieappflowy commented on GitHub (Apr 14, 2023):

Asset 16
Hi @AmanNegi , thanks for offering the help. Here is the logo asset you can consider using in the dark mode. I'm not sure if the logo name in white would work though.

<!-- gh-comment-id:1507942917 --> @annieappflowy commented on GitHub (Apr 14, 2023): ![Asset 16](https://user-images.githubusercontent.com/12026239/231949042-891ae568-70ae-4b1c-a723-f32c00738745.svg) Hi @AmanNegi , thanks for offering the help. Here is the logo asset you can consider using in the dark mode. I'm not sure if the logo name in white would work though.
Author
Owner

@AmanNegi commented on GitHub (Apr 14, 2023):

Actually we do have an SVG asset with white text already. Also the code is in place it just doesn't seem to listen to the theme change. I'll fix that part.

<!-- gh-comment-id:1507958607 --> @AmanNegi commented on GitHub (Apr 14, 2023): Actually we do have an SVG asset with white text already. Also the code is in place it just doesn't seem to listen to the theme change. I'll fix that part.
Author
Owner

@AmanNegi commented on GitHub (Apr 15, 2023):

Asset 16

Hey @annieappflowy, the new asset you provided works as expected. Seems like the old SVG had some problem. Should I perhaps replace the old one?

<!-- gh-comment-id:1509471038 --> @AmanNegi commented on GitHub (Apr 15, 2023): > ![Asset 16](https://user-images.githubusercontent.com/12026239/231949042-891ae568-70ae-4b1c-a723-f32c00738745.svg) Hey @annieappflowy, the new asset you provided works as expected. Seems like the old `SVG` had some problem. Should I perhaps replace the old one?
Author
Owner

@annieappflowy commented on GitHub (Apr 16, 2023):

Please go ahead. Thank you!

<!-- gh-comment-id:1510146786 --> @annieappflowy commented on GitHub (Apr 16, 2023): Please go ahead. Thank you!
Author
Owner

@AmanNegi commented on GitHub (Apr 19, 2023):

Works as expected now, closing this issue.

<!-- gh-comment-id:1514074200 --> @AmanNegi commented on GitHub (Apr 19, 2023): Works as expected now, closing this issue.
Sign in to join this conversation.
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
AppFlowy-IO/AppFlowy#931
No description provided.