search

vednoc / dark-whatsapp

Complete, dark and light, very customizable theme for WhatsApp.
MIT License
444 stars 51 forks source link

Blurred chats on the left #37

Closed florisdg closed 5 years ago

florisdg commented 5 years ago

I remember this theme used to have blurred chats on the left, (like in the README.md)but haven't seen it for a while now. I decided to do it myself and did it with the following code:

#pane-side > div > div > div > div > div > ._3mMX1 *,
#pane-side > div > div > div > div > div > div:hover * {
    filter: blur(0px) !important;
}

#pane-side > div > div > div > div > div > div > div:nth-child(1),
#pane-side > div > div > div > div > div > div > div > div:nth-child(1) > div:nth-child(1),
#pane-side > div > div > div > div > div > div > div > div:nth-child(2) > div:nth-child(1) {
    filter: blur(6px);
}

It only blurs the ProfilePicture/Avatar, title and lastmessage. It does not blur the unread messages counter, time/date, pinned chats icons on the right. If a chat is selected that one stays unblurred to highlight which chat is open.

I hope this will be added back into the theme!

Edit: screenshot example: image

vednoc commented 5 years ago

It's already implemented. The only difference is that the timestamps and icons are blurred as well. Open the Stylus menu -> click on configure (gear icon) on my theme -> enable 'blur contacts' option.

florisdg commented 5 years ago

Unbelievable, I couldn't find the gear icon you mentioned... turns out I had the theme installed the wrong way. I installed it from userstyles.org, and not as a .user.css. file!

Your theme is even better now. Thank you for your help :)

vednoc commented 5 years ago

It's a common issue these days. :smile: I'll make sure to let more users know about the differences in a blog post, probably later today. The theme over at USo has fairly similar feature-set but the UserCSS version has so much better UX for configuring things.

Glad you worked it out, enjoy! :smiley: