Telegram web(k). Black, transparent.
Telegram web(k) black (1.3b) by plmch
Details
Authorplmch
LicenseNo License
Categoryweb.telegram.org, t.me
Created
Updated
Size2.7 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Tested on 1280x1024. May glitch on other res.
Source code
/* ==UserStyle==
@name Telegram black
@namespace https://web.telegram.org
@version 1.3b
@description Telegram web and https://t.me. Minimalistic, black, transparent. Replies: t.me/Plamcheg, plmch@bk.ru
@author Plamch
==/UserStyle== */
@-moz-document url-prefix("https://web.telegram.org/") {
body {
padding: 20px 200px;
}
.bubbles-inner {
margin: 0;
width: 100%;
}
*{
background: none!important;
border: none!important;
}
#column-left {
width: 70px!important;
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;
}
#new-menu,
#column-center > div > div > div.chat-input.chat-input-main > div > div.rows-wrapper-wrapper > div > div.new-message-wrapper.rows-wrapper-row > div.btn-icon.btn-menu-toggle.attach-file,
#column-center > div > div > div.chat-input.chat-input-main > div > div.rows-wrapper-wrapper > div > div.new-message-wrapper.rows-wrapper-row > button.btn-icon.toggle-emoticons {
opacity: .3;
}
.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,
#column-center > div > div > div.chat-input.chat-input-main > div > div.rows-wrapper-wrapper > div > div.new-message-wrapper.rows-wrapper-row > div.input-message-container > span {
opacity: 0;
}
.chat-info-container:hover,
.sidebar-header:hover,
#column-center > div > div > div.chat-input.chat-input-main > div > div.rows-wrapper-wrapper > div > div.new-message-wrapper.rows-wrapper-row > div.btn-icon.btn-menu-toggle.attach-file:hover,
#column-center > div > div > div.chat-input.chat-input-main > div > div.rows-wrapper-wrapper > div > div.new-message-wrapper.rows-wrapper-row > button.btn-icon.toggle-emoticons:hover {
opacity: 1;
}
a {
color: #ff8c00;
}
.bubble,
.bubble:after{
margin-top: 50px;
}
.bubble .message {
font-size: 20px;
}
.input-message-input {
font-size: 20px;
}
.chat-input-main {
width: 100%!important;
}
#column-center > div > div > div.bubbles.has-groups.is-chat-input-hidden.has-sticky-dates.scrolled-down > div > div.bubbles-inner.is-channel > div {
display: none;
}
::selection {
background-color: #fff;
color: #000;
}
}