Skip to content

Fix blur contacts #209

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.

Sign up for GitHub

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

Open
boghicieusebiu wants to merge 4 commits into
base: master
Choose a base branch
from
Open

Fix blur contacts #209

Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
4dab22a
Fix blur contacts
boghicieusebiu Jun 16, 2024
c43903f
Add customizable blur intensity for contacts
boghicieusebiu Feb 13, 2025
ef97927
Change updateURL
boghicieusebiu Feb 13, 2025
23a227b
Update version
boghicieusebiu Feb 13, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
35 changes: 20 additions & 15 deletions wa.user.styl
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,11 +2,11 @@
@name Dark-WhatsApp
@description Dark and light, very customizable theme for WhatsApp.
@namespace github.com/vednoc/dark-whatsapp
@homepageURL https://github.com/vednoc/dark-whatsapp
@homepageURL https://github.com/boghicieusebiu/dark-whatsapp
@supportURL https://github.com/vednoc/dark-whatsapp/issues
@updateURL https://userstyles.world/api/style/4.user.css
@updateURL https://github.com/boghicieusebiu/dark-whatsapp/raw/refs/heads/master/wa.user.styl
@author vednoc <vednoc@pm.me> (https://github.com/vednoc)
@version 3.7.2
@version 3.7.3
@license MIT
@preprocessor stylus

Expand Down Expand Up @@ -90,6 +90,7 @@

@var checkbox chat_h_p_p 'Hide profile pictures' 0
@var checkbox chat_b_c 'Blurred contacts' 0
@var range chat_b_c_i 'Blurred intensity' [6, 2, 15, 1, "px"]
@var checkbox chat_b_img 'Blurred media' 0
@var text chat_b_in 'Blurred media hover-on delay' 0.4s
@var text chat_b_out 'Blurred media hover-off delay' 0.2s
Expand Down Expand Up @@ -1523,21 +1524,25 @@ msg += "P.S. CSS can not create clickable links."
}

// Sidebar.
#side {
#pane-side {
/// Feat -> Blur contacts.
if (chat_b_c) {
[style *= '0s; height'] {
/// Remove odd shadow.
> [aria-selected = 'true'] {
> div::after { display: none i }
}
div > div {
[aria-label="Chat list"] {
> div > div {
/// Remove odd shadow.
> [aria-selected = 'true'] {
> div::after { display: none i }
}

/// Do the blur.
> :not([aria-selected = 'true']) {
overflow: hidden i
> div { transition: background, filter 300ms ease-in-out i }
&:not(:hover) > div { filter: blur(6px) }
&:hover { filter: blur(0px) }
/// Do the blur.
> :not([aria-selected = 'true']) {
overflow: hidden i
> div { transition: background, filter 300ms ease-in-out i }
&:not(:hover) > div { filter: blur(chat_b_c_i) }
&:hover { filter: blur(0px) }
}
}
}
}
}
Expand Down