☰

Telegram-Conversations

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

// ==UserScript==
// @name         Telegram-Conversations
// @namespace    http://tampermonkey.net/
// @version      1.3
// @description  Телеграм Вид аддон гaндон я eбу ваще
// @author       я
// @match        https://lolz.live/conversations/*
// @match        https://lolz.guru/conversations/*
// @match        https://zelenka.guru/conversations/*
// @grant        GM_addStyle
// ==/UserScript==

(function() {
    'use strict';

    GM_addStyle(`
.ImDialogHeader{
background: #282e33;
}


.conversationViewContainer {
    background: #18191d; /* Изменено на background */
}
        /* Общие стили */
        body {
            background-color: #08080a; /* Цвет фона страницы */
            color: #e4ecf2; /* Цвет текста */
        }
        .conversationContainer{

        border-radius: unset;

        }
        /* Расширяем высоту и ширину div с диалогами и центрируем его */
        #Conversations.conversationContainer {
            border-radius: unset;
            height: 85vh; /* Устанавливаем высоту на 80% от высоты видимого экрана */
            width: 100vw; /* Устанавливаем ширину на 80% от ширины видимого экрана */
            max-height: 90vh; /* Необязательно: устанавливаем максимальную высоту на 90% от высоты видимого экрана */
            max-width: 90vw; /* Необязательно: устанавливаем максимальную ширину на 90% от ширины видимого экрана */
            position: fixed; /* Используем фиксированное позиционирование для сохранения позиции на экране */
            top: 50%; /* Центрируем по вертикали */
            left: 50%; /* Центрируем по горизонтали */
            transform: translate(-50%, -50%); /* Смещаем по горизонтали и вертикали, чтобы центрировать по середине экрана */
            overflow: hidden; /* Прячем переполнение, если оно возникает */
            box-sizing: border-box; /* Учитываем padding и border в общей ширине и высоте */
            z-index: 1000; /* Обеспечиваем, чтобы контейнер был выше других элементов */
        }

        /* Стили для списка диалогов */
        .conversationItem {
            background-color: #282e33; /* Цвет фона для диалогов */
            border: 1px solid #1c1f23;
            border-radius: 3px; /* Закругленные углы для более похожего на Telegram вида */
            
            align-items: center;
            padding: 10px; /* Добавляем отступы для лучшего расстояния */
            transition: background-color 0.3s ease;
            
            overflow: hidden; /* Предотвращаем переполнение содержимого */
        }

        .conversationItem:hover {
            background-color: #446d97; /* Цвет фона при наведении на диалог */
        }
       .conversationItem.active, .conversationSearch--Recipient.active{

         background-color: #3b5e83; /* Цвет фона при наведении на диалог */

       }

        .listBlock {
            flex: 1;
            overflow: hidden; /* Предотвращаем переполнение содержимого */
        }

        .listBlock .title {    
            justify-content: center;
        }

/* Изменяем цвет галочек (иконок) */
.listBlock .title .messageStateIcon {
    color: #179CDE; /* Цвет галочек, как в Telegram */
}

         /* тг ответить юзеру*/

        .bbCodeBlock.bbCodeQuote {
            background-color: #2a2f33;
            border-left: 3px solid #5084b9;
            padding: 10px;
            border-radius: 10px;
            margin: 10px 0;

            box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15); /* Тень вокруг блока */
        }

        .bbCodeBlock.bbCodeQuote .quoteContainer {
            padding-left: 10px;
        }

        .bbCodeBlock.bbCodeQuote .quoteAuthor {
            color: #5084b9;
            font-weight: bold;
            text-decoration: none;
        }

        .bbCodeBlock.bbCodeQuote .quote {
            color: #fff;
        }

        .bbCodeBlock.bbCodeQuote .quoteExpand {
            color: #5084b9;
            font-weight: bold;
            cursor: pointer;
            margin-top: 10px;
        }

        .bbCodeBlock.bbCodeQuote .quoteExpand:hover {
            text-decoration: underline;
        }
      .universalSearchForm .universalSearchInput, .conversationList--bottomBar, .simpleRedactor{
      background: #22262b;
      }

      .fr-box.fr-basic .fr-wrapper, .fr-toolbar.fr-top{
      background: #282e33;
      }
      .message.unread .messageWrapper{
      background: #282a31;
      }

      .conservationPinnedMessage {

    border-top: 1px solid rgb(5 5 5);

    }

    .button, .button_header{

    background: #313b43;

    }
    .conservationPinnedMessageTextTitle{
    color: #64b9f7;
    }

    .conversationControl--icon, .universalSearchForm:before {
    color: #179CDE;
    }

    .conversationMessages .messageText img:not(.mceSmilie){
    border-radius: 4px;
    }

    #ConversationMessageList .message.Selected, .conversationItem.unread{
      background: #313b43;
    }
    .button_header:hover{
    background: rgb(62,76,91);
    }

    .MessageManagePanel .button{
    background: #1284bd;
    }
    .MessageManagePanel .button:hover{
    background: #159add;
    }
    .unfurl_thread-add-block{
    background: #2a2f33;
    }

.conversationList--bottomBar--Mode.button.ModChanger.ShowAll {
            display: none !important;
        }

    .starredConversationIcon{
    color: #179CDE;
    margin: 4px 4px 0px;
    }

    .imDialog .hasChangedContactsWarning{
    background: #2a2f33;
    }
    .systemMessageWrapper .systemMessage{
    background: #2a2f33;
    }


    .conversationListFolder{
    background: #23282d;
    }
    .conversationFolder.active-folder{
    background: #1e2227;
    }

    .conversationFolder:hover:not(.active-folder):hover{
    background: #1e2227;
    }





        /* Конец стилей */
    `);
})();