Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Color issues #881

Open
2 tasks done
bernzrdo opened this issue May 10, 2024 · 0 comments
Open
2 tasks done

Color issues #881

bernzrdo opened this issue May 10, 2024 · 0 comments
Labels
whatsapp-web WhatsApp Web

Comments

@bernzrdo
Copy link
Contributor

bernzrdo commented May 10, 2024

Is there an existing issue outlining your problem?

  • I am using the latest version of the provided userstyle.
  • I have searched the existing issues and they do not solve my problem.

What userstyles are you seeing the problem on?

lbl:whatsapp-web

Describe your problem.

I've collected some places where wrong colors are being used and their associated variables.

--button-secondary

"View all chats" button when there are no unread.
image
Block dialog (and possibly other dialogs)
image

--icon-primary

Pinned messages banner on a chat.
image

--teal-lighter

No communities screen. "See example communities" uses this variable. (SVG could be modified too maybe)
image

--background-lightest-hover

Settings hover. Mentioned on #871.
image

--teal

Selected emojis, GIFs, stickers tab.
image
New chat screen, contact list
image
Disappearing messages settings. --text-teal is affecting the "Make messages in this chat disappear" text.
image
Profile settings
image
Settings > Privacy
image

--input-empty-value-placeholder

Empty group description
image

--text-critical

Critical buttons have wrong shade of red
image

--archived-chat-marker-background

Beta label
image

--input-floating-toolbar-background

Formatting buttons while selecting text
image

--outgoing-background-deeper-rgb

Down arrow on links
image

No variable

Settings > Account > Security notifications
image
Settings > Privacy > Last seen and online: border-bottom-color
image
Unread channels icon. The fill property should be modified on [data-icon=newsletter-unread-outline] > svg > path:nth-child(2)
image

Other issues

--round-icon-background gives AWFUL contrast to some buttons like the "Add member" button on groups and the "New group" and "New community" buttons on the new chat screen. This should be addressed.
image

The help screen animation also has the wrong colors, but fixing this would probably require having a different image for each accent color available. If this is the case, I can be in charge of creating an image for each color.
image

If I find more, I'll add it here.

What browser(s) are you seeing the problem on?

Arc 124.0.6367.155

Any additional comments?

No response

@github-actions github-actions bot added the whatsapp-web WhatsApp Web label May 10, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
whatsapp-web WhatsApp Web
Projects
None yet
Development

No branches or pull requests

1 participant