☰

Greasy Fork 还支持 简体中文。

Telegram-Conversations

Телеграм Вид аддон гaндон я eбу ваще

  1. // ==UserScript==
  2. // @name         Telegram-Conversations
  3. // @namespace    http://tampermonkey.net/
  4. // @version      1.4
  5. // @description  Телеграм Вид аддон гaндон я eбу ваще
  6. // @author       я
  7. // @match        https://lolz.live/conversations/*
  8. // @match        https://lolz.guru/conversations/*
  9. // @match        https://zelenka.guru/conversations/*
  10. // @match        https://lzt.market/conversations/
  11. // @grant        GM_addStyle
  12. // ==/UserScript==
  13.  
  14. (function() {
  15.     'use strict';
  16.  
  17.     GM_addStyle(`
  18. .ImDialogHeader{
  19. background: #282e33;
  20. }
  21.  
  22.  
  23. .conversationViewContainer {
  24.     background: #18191d; /* Изменено на background */
  25. }
  26.         /* Общие стили */
  27.         body {
  28.             background-color: #08080a; /* Цвет фона страницы */
  29.             color: #e4ecf2; /* Цвет текста */
  30.         }
  31.         .conversationContainer{
  32.  
  33.         border-radius: unset;
  34.  
  35.         }
  36.         /* Расширяем высоту и ширину div с диалогами и центрируем его */
  37.         #Conversations.conversationContainer {
  38.             border-radius: unset;
  39.             height: 85vh; /* Устанавливаем высоту на 80% от высоты видимого экрана */
  40.             width: 100vw; /* Устанавливаем ширину на 80% от ширины видимого экрана */
  41.             max-height: 90vh; /* Необязательно: устанавливаем максимальную высоту на 90% от высоты видимого экрана */
  42.             max-width: 90vw; /* Необязательно: устанавливаем максимальную ширину на 90% от ширины видимого экрана */
  43.             position: fixed; /* Используем фиксированное позиционирование для сохранения позиции на экране */
  44.             top: 50%; /* Центрируем по вертикали */
  45.             left: 50%; /* Центрируем по горизонтали */
  46.             transform: translate(-50%, -50%); /* Смещаем по горизонтали и вертикали, чтобы центрировать по середине экрана */
  47.             overflow: hidden; /* Прячем переполнение, если оно возникает */
  48.             box-sizing: border-box; /* Учитываем padding и border в общей ширине и высоте */
  49.             z-index: 1000; /* Обеспечиваем, чтобы контейнер был выше других элементов */
  50.         }
  51.  
  52.         /* Стили для списка диалогов */
  53.         .conversationItem {
  54.             background-color: #282e33; /* Цвет фона для диалогов */
  55.             border-radius: 3px; /* Закругленные углы для более похожего на Telegram вида */
  56.             
  57.             align-items: center;
  58.             padding: 10px; /* Добавляем отступы для лучшего расстояния */
  59.             transition: background-color 0.3s ease;
  60.             
  61.             overflow: hidden; /* Предотвращаем переполнение содержимого */
  62.         }
  63.  
  64.         .conversationItem:hover {
  65.             background-color: #446d97; /* Цвет фона при наведении на диалог */
  66.         }
  67.        .conversationItem.active, .conversationSearch--Recipient.active{
  68.  
  69.          background-color: #3b5e83; /* Цвет фона при наведении на диалог */
  70.  
  71.        }
  72.  
  73.         .listBlock {
  74.             flex: 1;
  75.             overflow: hidden; /* Предотвращаем переполнение содержимого */
  76.         }
  77.  
  78.         .listBlock .title {    
  79.             justify-content: center;
  80.         }
  81.  
  82. /* Изменяем цвет галочек (иконок) */
  83. .listBlock .title .messageStateIcon  {
  84.     color: #179CDE; /* Цвет галочек, как в Telegram */
  85. }
  86.  
  87. .chat2-button.lztng-12iv6pu{
  88.  
  89. background: #179cde;
  90.  
  91. }
  92.  
  93. .conversationItem .avatar.isOnline::before{
  94.  
  95. background: #179cde;
  96.  
  97. }
  98.  
  99.          /* тг ответить юзеру*/
  100.  
  101.         .bbCodeBlock.bbCodeQuote {
  102.             background-color: #2a2f33;
  103.             border-left: 3px solid #5084b9;
  104.             padding: 10px;
  105.             border-radius: 10px;
  106.             margin: 10px 0;
  107.  
  108.             box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15); /* Тень вокруг блока */
  109.         }
  110.  
  111.         .bbCodeBlock.bbCodeQuote .quoteContainer {
  112.             padding-left: 10px;
  113.         }
  114.  
  115.         .bbCodeBlock.bbCodeQuote .quoteAuthor {
  116.             color: #5084b9;
  117.             font-weight: bold;
  118.             text-decoration: none;
  119.         }
  120.  
  121.         .bbCodeBlock.bbCodeQuote .quote {
  122.             color: #fff;
  123.         }
  124.  
  125.         .bbCodeBlock.bbCodeQuote .quoteExpand {
  126.             color: #5084b9;
  127.             font-weight: bold;
  128.             cursor: pointer;
  129.             margin-top: 10px;
  130.         }
  131.  
  132.         .bbCodeBlock.bbCodeQuote .quoteExpand:hover {
  133.             text-decoration: underline;
  134.         }
  135.       .universalSearchForm .universalSearchInput, .conversationList--bottomBar, .simpleRedactor{
  136.       background: #22262b;
  137.       }
  138.  
  139.       .fr-box.fr-basic .fr-wrapper, .fr-toolbar.fr-top{
  140.       background: #282e33;
  141.       }
  142.       .message.unread .messageWrapper{
  143.       background: #282a31;
  144.       }
  145.  
  146.       .conservationPinnedMessage {
  147.  
  148.     border-top: 1px solid rgb(5 5 5);
  149.  
  150.     }
  151.  
  152.     .button, .button_header{
  153.  
  154.     background: #313b43;
  155.  
  156.     }
  157.     .conservationPinnedMessageTextTitle{
  158.     color: #64b9f7;
  159.     }
  160.  
  161.     .conversationControl--icon, .universalSearchForm:before {
  162.     color: #179CDE;
  163.     }
  164.  
  165.     .conversationMessages .messageText img:not(.mceSmilie){
  166.     border-radius: 4px;
  167.     }
  168.  
  169.     #ConversationMessageList .message.Selected, .conversationItem.unread{
  170.       background: #313b43;
  171.     }
  172.     .button_header:hover{
  173.     background: rgb(62,76,91);
  174.     }
  175.  
  176.     .MessageManagePanel .button{
  177.     background: #1284bd;
  178.     }
  179.     .MessageManagePanel .button:hover{
  180.     background: #159add;
  181.     }
  182.     .unfurl_thread-add-block{
  183.     background: #2a2f33;
  184.     }
  185.  
  186. .conversationList--bottomBar--Mode.button.ModChanger.ShowAll {
  187.             display: none !important;
  188.         }
  189.  
  190.     .starredConversationIcon{
  191.     color: #179CDE;
  192.     margin: 4px 4px 0px;
  193.     }
  194.  
  195.     .imDialog .hasChangedContactsWarning{
  196.     background: #2a2f33;
  197.     }
  198.     .systemMessageWrapper .systemMessage{
  199.     background: #2a2f33;
  200.     }
  201.  
  202.  
  203.     .conversationListFolder{
  204.     background: #23282d;
  205.     }
  206.     .conversationFolder.active-folder{
  207.     background: #1e2227;
  208.     }
  209.  
  210.     .conversationFolder:hover:not(.active-folder):hover{
  211.     background: #1e2227;
  212.     }
  213.  
  214.     .message.unread:not(.Selected) .messageWrapper {
  215.  
  216.     background:  #23262b;
  217.  
  218.     }
  219.  
  220.  
  221.  
  222.  
  223. .conversationFolder.active-folder.all .conversationFolder-icon {
  224.     background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.26317 16.5C1.26317 12.9331 4.09172 10 7.63159 10C11.1715 10 14 12.9331 14 16.5C14 20.0669 11.1715 23 7.63159 23C6.90394 23 6.20298 22.875 5.54947 22.6444C5.44146 22.6063 5.37446 22.5827 5.32533 22.5664C5.31641 22.5635 5.30911 22.5611 5.30327 22.5593L5.29784 22.5599C5.26354 22.5637 5.21679 22.57 5.13013 22.5818L2.13533 22.9908C1.81127 23.0351 1.48606 22.9181 1.26448 22.6775C1.0429 22.4369 0.952961 22.1032 1.02365 21.7839L1.63499 19.0222C1.65624 18.9262 1.6676 18.8744 1.67491 18.8363C1.67532 18.8342 1.67604 18.8303 1.67604 18.8303C1.67423 18.824 1.67193 18.8162 1.66905 18.8066C1.65258 18.7521 1.62837 18.6778 1.589 18.5573C1.37731 17.9093 1.26317 17.2171 1.26317 16.5Z' fill='%23179cde'/%3E%3Cpath d='M5.14754 8.3726C5.92512 8.13071 6.75395 8 7.61788 8C12.3313 8 16.0001 11.8907 16.0001 16.5C16.0001 17.3136 15.8858 18.1049 15.6716 18.8563C16.2136 18.759 16.7393 18.6136 17.2438 18.4246C17.315 18.3979 17.386 18.3707 17.4579 18.3461C17.5159 18.3528 17.5737 18.3619 17.6315 18.3703L20.8444 18.8413C20.9961 18.8636 21.1682 18.8889 21.3182 18.8974C21.4843 18.9069 21.7426 18.9058 22.0162 18.7882C22.3579 18.6412 22.6328 18.3726 22.7876 18.0343C22.9115 17.7635 22.9185 17.5054 22.9129 17.3391C22.9078 17.1888 22.8865 17.0162 22.8677 16.864L22.4617 13.5661C22.4512 13.4804 22.4457 13.4354 22.4425 13.4024C22.4601 13.3301 22.4931 13.2602 22.5195 13.1909C22.8983 12.1979 23.1053 11.1219 23.1053 10C23.1053 5.02326 19.0461 1 14.0526 1C9.61686 1 5.9183 4.17483 5.14754 8.3726Z' fill='%23179cde'/%3E%3C/svg%3E");
  225.     transition: 0.6s;
  226. }
  227.  
  228. .mainc {
  229.  
  230. color: #179cde;
  231.  
  232. }
  233.  
  234. .bbCodeBlock--unfurl{
  235.  
  236. background: #1f2227 !important;
  237.  
  238.  
  239. }
  240.  
  241. .emCtrl, .messageText a:not(.button):not(.username){
  242.  
  243. color: #179cde;
  244.  
  245. }
  246.  
  247. .bbCodeBlock--unfurl {
  248.  
  249. border-left: 2px solid #5084b9 !important;
  250.  
  251. }
  252.  
  253. .conversationMessages .message .bbCodeQuote {
  254.     margin: 15px 0 10px;
  255.     border-radius: 6px;
  256.     background: #228e5d url(https://nztcdn.com/files/9a84e348-30a3-41b0-8d6c-00b4efc507ee.svg) no-repeat left center;
  257.     background: rgb(30 34 39 / 100%) url(https://nztcdn.com/files/9a84e348-30a3-41b0-8d6c-00b4efc507ee.svg) no-repeat left center;
  258.     background-size: auto 100%;
  259.     background-position: right center;
  260. }
  261.  
  262. .conversationFolder.active-folder .conversationFolder-title {
  263.     color: #179cde;
  264.     transition: 0.6s;
  265. }
  266.  
  267. .Disable {
  268.  
  269.     fill: rgb(148, 148, 148);
  270.  
  271. }
  272.  
  273. .conversationFolder.active-folder.unread .conversationFolder-icon {
  274.     background-image: url("data:image/svg+xml,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M16.2414 2H7.7588C6.95383 1.99999 6.28946 1.99998 5.74827 2.04419C5.18617 2.09012 4.66947 2.18868 4.18413 2.43598C3.43149 2.81947 2.81956 3.43139 2.43607 4.18404C2.18878 4.66937 2.09022 5.18608 2.04429 5.74818C2.00007 6.28937 2.00008 6.95373 2.0001 7.7587L2.00005 14.1376C1.99962 14.933 1.9993 15.5236 2.13639 16.0353C2.50626 17.4156 3.58445 18.4938 4.96482 18.8637C5.27229 18.9461 5.60829 18.9789 6.0001 18.9918L6.00009 20.371C6.00005 20.6062 6 20.846 6.01785 21.0425C6.03492 21.2305 6.08012 21.5852 6.32778 21.8955C6.61276 22.2525 7.0449 22.4602 7.50172 22.4597C7.8987 22.4593 8.20394 22.273 8.36137 22.1689C8.52597 22.06 8.7132 21.9102 8.89688 21.7632L11.31 19.8327C11.8286 19.4178 11.9826 19.3007 12.1425 19.219C12.303 19.137 12.4738 19.0771 12.6504 19.0408C12.8263 19.0047 13.0197 19 13.6838 19H16.2414C17.0464 19 17.7107 19 18.2519 18.9558C18.814 18.9099 19.3307 18.8113 19.8161 18.564C20.5687 18.1805 21.1806 17.5686 21.5641 16.816C21.8114 16.3306 21.91 15.8139 21.9559 15.2518C22.0001 14.7106 22.0001 14.0463 22.0001 13.2413V7.75868C22.0001 6.95372 22.0001 6.28936 21.9559 5.74818C21.91 5.18608 21.8114 4.66937 21.5641 4.18404C21.1806 3.43139 20.5687 2.81947 19.8161 2.43598C19.3307 2.18868 18.814 2.09012 18.2519 2.04419C17.7107 1.99998 17.0464 1.99999 16.2414 2ZM12 6.5C12.5523 6.5 13 6.94772 13 7.5V9.5H15C15.5523 9.5 16 9.94772 16 10.5C16 11.0523 15.5523 11.5 15 11.5H13V13.5C13 14.0523 12.5523 14.5 12 14.5C11.4477 14.5 11 14.0523 11 13.5V11.5H9C8.44772 11.5 8 11.0523 8 10.5C8 9.94772 8.44772 9.5 9 9.5H11V7.5C11 6.94772 11.4477 6.5 12 6.5Z' fill='%23179cde'/></svg>");
  275. !important }
  276.  
  277. .socket-connected.lztng-3a9wur {
  278.     background: #179cde; !important
  279. }
  280.  
  281.  
  282.         /* Конец стилей */
  283.     `);
  284. })();
  285.  
  286. (function () {
  287.     'use strict';
  288.  
  289.     const changeColor = () => {
  290.         const container = document.getElementById('SoundNotificationSwitcher');
  291.         if (!container) return;
  292.  
  293.         container.querySelectorAll('svg').forEach(svg => {
  294.             svg.setAttribute('fill', '#179cde');
  295.         });
  296.     };
  297.  
  298.     // Подождать загрузки DOM
  299.     const observer = new MutationObserver(() => changeColor());
  300.     observer.observe(document.body, { childList: true, subtree: true });
  301.  
  302.     window.addEventListener('load', changeColor);
  303. })();
  304.  
  305.  
  306.  
  307.  
  308.  
  309.