← All examples

WhatsApp Web: hide blue read ticks

Recolours the blue read ticks to grey so they no longer stand out and add stress.

Code to copy

/* Hide blue (read) ticks across the whole UI */
[data-testid="msg-dblcheck"] path[fill="#53bdeb"],
[data-icon="msg-dblcheck-ack"] path,
span[data-testid="status-dblcheck"][aria-label*="Read" i],
span[aria-label*="Przeczytane" i],
span[aria-label*="Read" i] svg path {
  fill: rgba(127,127,127,0.6) !important;
  color: rgba(127,127,127,0.6) !important;
}

How to use this example

1. Copy the code with the button above.
2. Install JustZix (2 minutes) and open the extension on the target page.
3. Add a new rule matching that page.
4. Paste the code into the rule's CSS panel and save — the effect appears instantly.