// ==UserScript== // @name Telegram Web Styler // @version 1 // @grant none // @include ://web.telegram.org/ // ==/UserScript==

var styleLib = `

/BASIC COLORS/

html {

background: #0F1418 !important;

}

body {

color: #fff;

}

.form-control {

color: #fff;
background: #000;

}

.tg_head_split {

background: #2a3a47 !important;

}

.im_dialogs_scrollable_wrap .active a.im_dialog {

background: #2a3a47 !important;

}

.im_dialogs_scrollable_wrap a.im_dialog:hover {

background: #323f4d !important;

}

.im_page_wrap {

background: #2c2c2c !important;
border-color: #424242 !important;

}

.im_dialog_peer {

color: #fff !important;

}

.im_short_message_text {

color: #c2c2c2 !important;

}

.im_message_text {

color: #fff !important;

}

.im_message_author {

color: #4d99db !important;

}

.im_dialog_chat_from_wrap {

color: #4d99db !important;

}

.im_dialogs_col_wrap {

border-color: #424242 !important;

}

/SELECT MSG/

.im_history_select_active .im_message_outer_wrap:hover {

background-color: #405366;

}

.im_message_selected .im_message_outer_wrap {

background-color: #476a8c;

}

/SEARCH BAR/

.im_dialogs_search_field {

background-color: transparent !important;
border-color: #424242 !important;

}

.form-control::placeholder {

color: #616569;

}

/UNREAD SPACER/

.im_message_unread_split {

background: #3e3e3e;
color: #7ea9cc;

}

/RECORD BUTTON/

.im_record_bg {

background: none;

}

/CODE/

code {

color: #c7254e;
background-color: #200b11;

}

pre {

color: #9cc6f5;
background-color: #200b11;
border-color: #424242;

}

`;

var styleTag = document.createElement("STYLE"); styleTag.type = "text/css"; styleTag.id = "tws:style"; styleTag.appendChild(document.createTextNode(styleLib)); document.head.appendChild(styleTag);