Graphic issues on black mode (white border in emojis)

klaudiosinani / ao

Elegant Microsoft To-Do desktop app

https://klaussinani.github.io/ao

MIT License

2.1k stars 198 forks source link

Graphic issues on black mode (white border in emojis) #127

Open lihuelworks opened 4 years ago

lihuelworks commented 4 years ago

As the image shows, emojis don't appear transparent (showing a white border around the corners):

issues

UPDATE: Problem can be fixed by modifying the .listItem.emoji object to make it's background transparent:

issues_2

Apart from that, other changes can be made to make it more readable and avoid overlapping with the line behind them (making the line less solid/closer to black in color, and putting pauses around the emojis/text when the sidebar is shrunk). This is the Microsoft To-Do webapp for comparison:

issue_3

lihuelworks commented 4 years ago

Realized my second request (text contrast) was resolved in version 6.9.1 according to this issue (after also deleting config folder with rm -rf ~/.config/Ao). Emoji problem stands, so I modified this issue.