Skip to content

Instantly share code, notes, and snippets.

@OJ7
Last active June 10, 2020 17:35
Show Gist options
  • Save OJ7/7ed675895b7032375ee64b621b2bf888 to your computer and use it in GitHub Desktop.
Save OJ7/7ed675895b7032375ee64b621b2bf888 to your computer and use it in GitHub Desktop.
Blur WhatsApp Web message preview (left-hand side chat list)
// Persistently apply using an extension like Styler Pro
// https://chrome.google.com/webstore/detail/styler-pro/hbhkfnpodhdcaophahpkiflechaoddoi
// Blur text in message preview
._3tBW6 {
color: transparent;
text-shadow: 0 0 4px rgba(0,0,0,0.5);
}
// Blur emojis in message preview
._3tBW6 > span > span > img {
filter: blur(4px)
}}
// ALTERNATIVE
// Blur full message preview row (text, emojis, sent/read status, etc)
._1Wn_k {
filter: blur(4px)
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment