[GH-ISSUE #490] The color of the empty screen icons doesn't feel right on light themes background #238

Open
opened 2026-03-03 00:19:34 +03:00 by kerem · 1 comment
Owner

Originally created by @ZeroX-DG on GitHub (May 29, 2020).
Original GitHub issue: https://github.com/BoostIO/BoostNote-App/issues/490

Current behavior

Currently the color of the icons showed in the empty screen when I created new folder doesn't feel right on the light theme background. There's too much contrast which make the app looks wrong. Since the icon is svg, I think we should be able to customize it color if we directly render it via svg tag and change color via CSS.

image

Expected behavior

Icons to have lower contrast in color

Originally created by @ZeroX-DG on GitHub (May 29, 2020). Original GitHub issue: https://github.com/BoostIO/BoostNote-App/issues/490 # Current behavior Currently the color of the icons showed in the empty screen when I created new folder doesn't feel right on the light theme background. There's too much contrast which make the app looks wrong. Since the icon is svg, I think we should be able to customize it color if we directly render it via svg tag and change color via CSS. ![image](https://user-images.githubusercontent.com/12984316/83272757-ae4a1d00-a21f-11ea-90cc-22485e4caf23.png) <!-- Let us know what is currently happening. Please include some **screenshots** with the **developer tools** open (console tab) when you report a bug. If your issue is regarding the old Boostnote, please open an issue in the old repo 👉 https://github.com/BoostIO/Boostnote/issues. --> # Expected behavior Icons to have lower contrast in color <!-- Let us know what you think should happen! -->
Author
Owner

@aaronmcox commented on GitHub (Jul 13, 2020):

My problem is that there is almost no contrast between the text and the background. This affects both the tags and the empty screen icons.

I'm using the Windows application, version 0.7.0

image

image

And it looks like it's just inheriting a default color from the body:

image

<!-- gh-comment-id:657759334 --> @aaronmcox commented on GitHub (Jul 13, 2020): My problem is that there is almost _no_ contrast between the text and the background. This affects both the tags and the empty screen icons. I'm using the Windows application, version 0.7.0 ![image](https://user-images.githubusercontent.com/2767899/87347376-1e3b0b00-c521-11ea-9b74-260b836496a5.png) ![image](https://user-images.githubusercontent.com/2767899/87347402-2d21bd80-c521-11ea-8f2c-5093a33c2525.png) And it looks like it's just inheriting a default color from the body: ![image](https://user-images.githubusercontent.com/2767899/87347691-a1f4f780-c521-11ea-9a56-a2d51e1fdb1a.png)
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
starred/BoostNote-App#238
No description provided.