Greasy Fork 还支持 简体中文。

Telegram-Conversations

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

  1. // ==UserScript==
  2. // @name Telegram-Conversations
  3. // @namespace http://tampermonkey.net/
  4. // @version 1.3
  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. // @grant GM_addStyle
  11. // ==/UserScript==
  12.  
  13. (function() {
  14. 'use strict';
  15.  
  16. GM_addStyle(`
  17. .ImDialogHeader{
  18. background: #282e33;
  19. }
  20.  
  21.  
  22. .conversationViewContainer {
  23. background: #18191d; /* Изменено на background */
  24. }
  25. /* Общие стили */
  26. body {
  27. background-color: #08080a; /* Цвет фона страницы */
  28. color: #e4ecf2; /* Цвет текста */
  29. }
  30. .conversationContainer{
  31.  
  32. border-radius: unset;
  33.  
  34. }
  35. /* Расширяем высоту и ширину div с диалогами и центрируем его */
  36. #Conversations.conversationContainer {
  37. border-radius: unset;
  38. height: 85vh; /* Устанавливаем высоту на 80% от высоты видимого экрана */
  39. width: 100vw; /* Устанавливаем ширину на 80% от ширины видимого экрана */
  40. max-height: 90vh; /* Необязательно: устанавливаем максимальную высоту на 90% от высоты видимого экрана */
  41. max-width: 90vw; /* Необязательно: устанавливаем максимальную ширину на 90% от ширины видимого экрана */
  42. position: fixed; /* Используем фиксированное позиционирование для сохранения позиции на экране */
  43. top: 50%; /* Центрируем по вертикали */
  44. left: 50%; /* Центрируем по горизонтали */
  45. transform: translate(-50%, -50%); /* Смещаем по горизонтали и вертикали, чтобы центрировать по середине экрана */
  46. overflow: hidden; /* Прячем переполнение, если оно возникает */
  47. box-sizing: border-box; /* Учитываем padding и border в общей ширине и высоте */
  48. z-index: 1000; /* Обеспечиваем, чтобы контейнер был выше других элементов */
  49. }
  50.  
  51. /* Стили для списка диалогов */
  52. .conversationItem {
  53. background-color: #282e33; /* Цвет фона для диалогов */
  54. border: 1px solid #1c1f23;
  55. border-radius: 3px; /* Закругленные углы для более похожего на Telegram вида */
  56. align-items: center;
  57. padding: 10px; /* Добавляем отступы для лучшего расстояния */
  58. transition: background-color 0.3s ease;
  59. overflow: hidden; /* Предотвращаем переполнение содержимого */
  60. }
  61.  
  62. .conversationItem:hover {
  63. background-color: #446d97; /* Цвет фона при наведении на диалог */
  64. }
  65. .conversationItem.active, .conversationSearch--Recipient.active{
  66.  
  67. background-color: #3b5e83; /* Цвет фона при наведении на диалог */
  68.  
  69. }
  70.  
  71. .listBlock {
  72. flex: 1;
  73. overflow: hidden; /* Предотвращаем переполнение содержимого */
  74. }
  75.  
  76. .listBlock .title {
  77. justify-content: center;
  78. }
  79.  
  80. /* Изменяем цвет галочек (иконок) */
  81. .listBlock .title .messageStateIcon {
  82. color: #179CDE; /* Цвет галочек, как в Telegram */
  83. }
  84.  
  85. /* тг ответить юзеру*/
  86.  
  87. .bbCodeBlock.bbCodeQuote {
  88. background-color: #2a2f33;
  89. border-left: 3px solid #5084b9;
  90. padding: 10px;
  91. border-radius: 10px;
  92. margin: 10px 0;
  93.  
  94. box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15); /* Тень вокруг блока */
  95. }
  96.  
  97. .bbCodeBlock.bbCodeQuote .quoteContainer {
  98. padding-left: 10px;
  99. }
  100.  
  101. .bbCodeBlock.bbCodeQuote .quoteAuthor {
  102. color: #5084b9;
  103. font-weight: bold;
  104. text-decoration: none;
  105. }
  106.  
  107. .bbCodeBlock.bbCodeQuote .quote {
  108. color: #fff;
  109. }
  110.  
  111. .bbCodeBlock.bbCodeQuote .quoteExpand {
  112. color: #5084b9;
  113. font-weight: bold;
  114. cursor: pointer;
  115. margin-top: 10px;
  116. }
  117.  
  118. .bbCodeBlock.bbCodeQuote .quoteExpand:hover {
  119. text-decoration: underline;
  120. }
  121. .universalSearchForm .universalSearchInput, .conversationList--bottomBar, .simpleRedactor{
  122. background: #22262b;
  123. }
  124.  
  125. .fr-box.fr-basic .fr-wrapper, .fr-toolbar.fr-top{
  126. background: #282e33;
  127. }
  128. .message.unread .messageWrapper{
  129. background: #282a31;
  130. }
  131.  
  132. .conservationPinnedMessage {
  133.  
  134. border-top: 1px solid rgb(5 5 5);
  135.  
  136. }
  137.  
  138. .button, .button_header{
  139.  
  140. background: #313b43;
  141.  
  142. }
  143. .conservationPinnedMessageTextTitle{
  144. color: #64b9f7;
  145. }
  146.  
  147. .conversationControl--icon, .universalSearchForm:before {
  148. color: #179CDE;
  149. }
  150.  
  151. .conversationMessages .messageText img:not(.mceSmilie){
  152. border-radius: 4px;
  153. }
  154.  
  155. #ConversationMessageList .message.Selected, .conversationItem.unread{
  156. background: #313b43;
  157. }
  158. .button_header:hover{
  159. background: rgb(62,76,91);
  160. }
  161.  
  162. .MessageManagePanel .button{
  163. background: #1284bd;
  164. }
  165. .MessageManagePanel .button:hover{
  166. background: #159add;
  167. }
  168. .unfurl_thread-add-block{
  169. background: #2a2f33;
  170. }
  171.  
  172. .conversationList--bottomBar--Mode.button.ModChanger.ShowAll {
  173. display: none !important;
  174. }
  175.  
  176. .starredConversationIcon{
  177. color: #179CDE;
  178. margin: 4px 4px 0px;
  179. }
  180.  
  181. .imDialog .hasChangedContactsWarning{
  182. background: #2a2f33;
  183. }
  184. .systemMessageWrapper .systemMessage{
  185. background: #2a2f33;
  186. }
  187.  
  188.  
  189. .conversationListFolder{
  190. background: #23282d;
  191. }
  192. .conversationFolder.active-folder{
  193. background: #1e2227;
  194. }
  195.  
  196. .conversationFolder:hover:not(.active-folder):hover{
  197. background: #1e2227;
  198. }
  199.  
  200.  
  201.  
  202.  
  203.  
  204. /* Конец стилей */
  205. `);
  206. })();
  207.