Plamcheg's blog

Telegram black css

/* ==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-background-item-color-canvas,
.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;}
}