← All examples

Telegram: dim the chat list

Dims the left chat list until you hover over it so your eyes stay focused on the open conversation.

Code to copy

/* Dim the chat list so the open conversation draws the focus */
.sidebar-left,
.LeftColumn {
  opacity: 0.55 !important;
  transition: opacity 0.2s ease !important;
}
.sidebar-left:hover,
.LeftColumn:hover {
  opacity: 1 !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.