web.telegrem.org (both k/z, but k in update priority) and t.me css. black, transparent.
Telegram black (1.2b) by plmch
Details
Authorplmch
LicenseNo License
Categoryweb.telegram.org, t.me
Created
Updated
Size2.0 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Testing (and works best) in 150% webpage size.
Source code
/* ==UserStyle==
@name Telegram black
@namespace https://web.telegram.org
@version 1.2b
@description Telegram web (k/z/t.me; priority to k). Minimalistic, black, transparent. Replies: t.me/Plamcheg
@author Plamch
==/UserStyle== */
@-moz-document url-prefix("https://web.telegram.org/") {
body {
padding: 20px 200px;
}
*{
background: none!important;
border: none!important;
}
#column-left {
border-radius: 5px 0 0 5px;
background: rgba(0, 0, 0, 0.8)!important;
/* margin-right: 3px; */
}
.chat-background {
border-radius: 0 5px 5px 0;
}
.chats-container.tabs-container {
opacity: 0.8;
}
#folders-container > div > div.chatlist-bottom > div > div > div.sidebar-left-section-content > ul > a.row.no-wrap.row-with-padding.row-clickable.hover-effect.rp.chatlist-chat.chatlist-chat-abitbigger.active,
#folders-container > div > div.chatlist-top.has-contacts > ul > a {
background: rgba(0, 0, 0, 0.3)!important;
border: none!important;
}
.sidebar-left-h2 {
color: #ccc;
}
.chat-info-container,
.sidebar-header,
.btn-send-container {
opacity: 0;
}
.chat-info-container:hover,
.sidebar-header:hover {
opacity: 1;
}
.bubble .message {
font-size: 20px;
}
a {
color: #fa0;
}
}
@-moz-document url("https://web.telegram.org/z/") {
#UiLoader::before {
display: none;
}
.chat-list.custom-scroll,
.Transition.slide,
#LeftMainHeader,
.MiddleHeader {
background: rgba(0,0,0,0.8)!important;
}
#LeftMainHeader,
.MiddleHeader {
opacity: 0;
}
#LeftMainHeader:hover,
.MiddleHeader:hover {
opacity: 1;
}
}
@-moz-document url-prefix("https://t.me/") {
div {
background: rgba(0,0,0,0.8);
color: #eee!important;
}
.tgme_head_wrap,
.tgme_page_widget_actions,
.tgme_widget_message_bubble{
background: rgba(0,0,0,0.8)!important;
}
.tgme_head_wrap,
.tgme_page_widget_actions_wrap {
opacity: 0;
}
.tgme_head_wrap:hover,
.tgme_page_widget_actions_wrap:hover {
opacity: 0.8;
}
a {color: #fb0!important;}
}