css for telgram web
// ==UserScript==
// @name css changes
// @namespace http://tampermonkey.net/
// @version 0.2
// @description css for telgram web
// @author You
// @match https://web.telegram.org/
// @grant GM_addStyle
// @run-at document-start
// ==/UserScript==
GM_addStyle ( `
body.non_osx {
font-family: Segoe UI,Helvetica Neue,Helvetica,Lucida Grande,Arial,Ubuntu,Cantarell,Fira Sans,sans-serif;
font-size: 15px;
}
.im_content_message_wrap.im_message_in{
float: right;
border-radius: 10px;
padding: 10px;
background-color:white;
max-width: 70%;
}
.im_content_message_wrap.im_message_in:after {
content: '';
position: absolute;
right: 0;
top: 20px;
width: 0;
height: 0;
border: 13px solid transparent;
border-left-color: white;
border-right: 0;
border-top: 0;
margin-top: -6.5px;
margin-right: 18px;
}
.im_content_message_wrap.im_message_out{
float: left;
border-radius: 10px;
padding: 10px;
background-color:#DCF8C6;
margin-right:10px;
max-width: 70%;
}
.im_content_message_wrap.im_message_out:after {
content: '';
position: absolute;
left: 0;
bottom: 13px;
width: 0;
height: 0;
border: 13px solid transparent;
border-right-color: #DCF8C6;
border-left: 0;
border-bottom: 0;
margin-top: -6.5px;
margin-left: 22px;
}
.im_history_col_wrap.noselect.im_history_loaded{
background-image:url("https://external-preview.redd.it/rEwFriCkfAtjOb5b-23b4tGGVcuvfaBqamYNJrgxnLM.png?auto=webp&s=f3bf0b5c90e4c5fda12ff2139781c854554fd198");
background-color:#E5DDD5;
}
.im_bottom_panel_wrap{
background-color:#eae1da;
border-top:1px solid #f2f2f2;
}
.im_page_wrap,.tg_head_split{
max-width: 90% !important;
}
.im_dialog_wrap{
border-bottom:1px solid #f2f2f2;
}
.composer_rich_textarea{
font-family: Segoe UI,Helvetica Neue,Helvetica,Lucida Grande,Arial,Ubuntu,Cantarell,Fira Sans,sans-serif;
font-size: 15px;
background-color:white;
}
.im_message_wrap {
max-width: 90% !important;
}
.im_message_reply {
background-color: #eaede8;
padding: 5px;
border-radius: 5px;
font-size:12px;
}
.im_message_date_split_text{
color:#7c8284;
background-color:#E0F1FB;
padding:4px;
border-radius:5px;
}
` );