ТамАся by dexpaz16

/* ==UserStyle==
@name         ТамАся
@version      20240824.10.19
@namespace    https://userstyles.world/user/dexpaz16
@description  ТамТам прямо как старая-добрая Аська! Пока Мыло срёт, мы не сдаёмся.
@author       dexpaz16
@license      CC Zero
==/UserStyle== */

@-moz-document url-prefix("https://tamtam.chat/") {
body{
    --c-msg: white;
    --c-chat-bg: #F6F6F6;
    --c-msg-mine:#D6FFE0;
    --ui-titlebar-height: 55px;
    --c-global-search: #E4E7EF;
    --c-drawer: #1c9c48;
    --c-primary: #21d86a;
    --c-status-online: #51e054;
    --c-bubble-bg: #11CF53;
    --c-selection: #21d86a;
    --c-msg-ctrl:rgb(0, 0, 0, 0.05);
}
msg-chats-list-item[ekzfvtv][active], msg-chats-list-item[ekzfvtv][selected], msg-chats-list-item-compact[ekzfvtv][active], msg-chats-list-item-compact[ekzfvtv][selected]{
    background-color: #1DCF67 !important;
    color: white !important;
    --c-text: white;
    --c-aside-text: white;
    --c-text-sub: white;
    
}
main[e-u69or7] ::selection{
    background-color: var(--c-selection) !important;
}
[el3axib-host][role="primary"]{
    background-color:#1dcf67 !important;
}
msg-chats-list-item[ekzfvtv][active], msg-chats-list-item[ekzfvtv][selected], msg-chats-list-item-compact[ekzfvtv][active], msg-chats-list-item-compact[ekzfvtv][selected] msg-parsed-text{
    color: white !important;
    --c-status-online:white;
    
}
msg-chats-list-item[ekzfvtv][selected]::before, msg-chats-list-item-compact[ekzfvtv][selected]::before{
    background: 0 !important;
}

[e-lrlnqd][selected].title{
    color:white !important;
}
main[e-u69or7]{
    max-width:100% !important;
}
[e-frwpe6-host]:before{
    background: #0ecf52 !important;
}
msg-search-input[e-vdceid]{
    margin-left:0;
    margin-right:0;
}
[e-fhzx53].checkbox::after{
    background: var(--c-primary);
}
msg-tico[e-dtr48j].special{
    color: var(--c-primary);
}
[e2tvqq1].radio:after{
    border:5px solid var(--c-primary);
}
[e-dvz7b7-host].__active, [e-dvz7b7-host].__active:hover{
    color: var(--c-primary) !important;
}
msg-message-editor[e-994tor]{
    background: var(--c-chat-bg);
}
[ref-wrap-eu5jcwt]{
    border-radius:1.5em;
    background: white;
}

main[eu5jcwt]{
    border-top:0;
}
[e-pif9x-host]{
    border-radius:30px !important;
    height:24px;
    line-height:25px;
}

[e-dtr48j][e-gq4m8v-host][key="settings.profile"]{
    visibility: none;
    color: white;
}

msg-tico[icon="theme"]{
    display:none !important;
    color:white !important;
}
[e1xrpx3].online{
    background-color: var(--c-status-online);
}

header[e-994tor]{
    background-color: var(--c-chat-bg) !important;
}
main[e-u69or7] ::selection{
    background-color: var(--c-bg);
}
.tt-logo svg{
    display:none
}
.tt-logo .text{
    display:none
}
.tt-logo:after{
    content: "ТамАся 1.6"
}
slot a[href="//desktop.tamtam.chat"]{
    display:none;
}

msg-menu-item[data-tsid="logout_button"]{
    border-bottom: 0 !important;
}

span[data-tsid="system_date"]{
    background:#FFF !important;
    color:#000 !important;
}
msg-button[slot="controls"] msg-icon svg path{
    fill: rgb(153, 162, 173) !important;
}
msg-button[slot="controls"] msg-icon.__active svg path{
    fill: #0ECF52 !important;
}
msg-chat-info .permalink msg-tico{
    color:rgba(0, 184, 77);
}
msg-chat-info .permalink msg-tico msg-icon{
    color:rgb(153, 162, 173) !important;
}
msg-chat-info .permalink msg-tico::hover{
    text-decoration:none;
}
    
msg-chat-info msg-tico svg path{
    fill:rgb(153, 162, 173) !important;
}
msg-control-message .message{
    color:rgb(131 134 144) !important;
}
msg-button{
    border-radius:16px !important
}
.checkbox::after, .checkbox::before{
    border-radius:4px !important;
    transition: unset !important;
}
    
.overlay{
    position: absolute;
    top: -1000px !important;
    right: -1000px !important;
    bottom: -1000px !important;
    left: -1000px !important;
    background-color: rgba(0,0,0,.55) !important;  
    width:1000% !important;
    height:1000% !important;
}
msg-page-modal{
    min-height: 350px !important;
    max-height: 600px !important;
    width: 360px!important;
    height: 90% !important;
    position: absolute !important;
    top: 25% !important;
    left: 40% !important;
    margin-top: -50px !important;
    margin-left: -50px !important;
    z-index:10;
}
msg-page-modal .panel{
    z-index:100 !important;
    border-radius:8px !important;
}
[key="create-new-chat"]{
    margin-left:-60px
}
    
msg-settings [key="edit"]{
    display:none
}
msg-chats-list-item-compact .container{
    border-left:0px;
}
msg-chats-list-item-compact[selected]::before{
    background:transparent;
}
    
msg-chats-list-item{
    height:68px !important;
}

msg-chats-list-item msg-avatar[size="medium"]{
    height: 52px !important;
    width: 52px !important;    
}

msg-chats-list-item msg-avatar{
    height: 18px !important;
    width: 18px !important;    
}

    msg-button.send[role="primary"]{
        background-color:transparent !important;
    }

/* -- ICONS -- */

/* additional tweaks */
    msg-icon[icon="send"][size="medium"],
    msg-icon[icon="microphone"],
    msg-icon[icon="smiles"][size="medium"]
    {
        min-width: 24px;
        width: 24px;
        height: 24px;
    }
    
    msg-button[data-tsid="open_assets_button"]{
        background-color:transparent !important;
        margin-left:-5px;
        margin-top:-5px;
    }
    
    msg-button[data-tsid="open_assets_button"] msg-icon[e-994tor]{
        left:unset !important;
        right:10% !important;
        top:40% !important;
    }
    
    msg-drawer msg-icon::after{
        background-color:white !important;
    }
/* ::after method */
    msg-icon.__active::after{
        background-color:#21d86a !important;
    }
    msg-icon[icon="search2"] svg,
    msg-icon[icon="info"] svg,
    msg-icon[icon="write"] svg,
    msg-icon[icon="send"] svg,
    msg-icon[icon="microphone"] svg,
    msg-icon[icon="smiles"] svg{
        width:0 !important;
        height:0 !important;
    }
    msg-icon[icon="search2"]::after{
            content: "";
            width: 100%;
            height: 100%;
            display: block;
   
            mask: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%3E%3Ccircle%20cx%3D%2210.727%22%20cy%3D%2210.519%22%20r%3D%226.788%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.3%22%20transform%3D%22rotate(-45%2010.727%2010.52)%22%3E%3C%2Fcircle%3E%3Crect%20width%3D%221.68%22%20height%3D%227.606%22%20x%3D%2214.883%22%20y%3D%2215.331%22%20fill%3D%22currentColor%22%20rx%3D%220.84%22%20transform%3D%22rotate(-45%2014.883%2015.331)%22%3E%3C%2Frect%3E%3C%2Fsvg%3E');
    -webkit-mask: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%3E%3Ccircle%20cx%3D%2210.727%22%20cy%3D%2210.519%22%20r%3D%226.788%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.3%22%20transform%3D%22rotate(-45%2010.727%2010.52)%22%3E%3C%2Fcircle%3E%3Crect%20width%3D%221.68%22%20height%3D%227.606%22%20x%3D%2214.883%22%20y%3D%2215.331%22%20fill%3D%22currentColor%22%20rx%3D%220.84%22%20transform%3D%22rotate(-45%2014.883%2015.331)%22%3E%3C%2Frect%3E%3C%2Fsvg%3E');
    mask-size: cover;
    -webkit-mask-size: cover;
    background-color: #99a2ad;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
        
    }
    
    msg-icon[icon="info"]::after{
        content: "";
            width: 100%;
            height: 100%;
            display: block;
   
            mask: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.3%22%20d%3D%22M20.95%2012a8.95%208.95%200%201%201-17.9%200%208.95%208.95%200%200%201%2017.9%200M12%2011.4v5.4%22%3E%3C%2Fpath%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%228.4%22%20r%3D%221.2%22%20fill%3D%22currentColor%22%3E%3C%2Fcircle%3E%3C%2Fsvg%3E');
    -webkit-mask: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.3%22%20d%3D%22M20.95%2012a8.95%208.95%200%201%201-17.9%200%208.95%208.95%200%200%201%2017.9%200M12%2011.4v5.4%22%3E%3C%2Fpath%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%228.4%22%20r%3D%221.2%22%20fill%3D%22currentColor%22%3E%3C%2Fcircle%3E%3C%2Fsvg%3E');
    mask-size: cover;
    -webkit-mask-size: cover;
    background-color: #99a2ad;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    }
    
    msg-icon[icon="write"]::after{
        content: "";
            width: 100%;
            height: 100%;
            display: block;
   
            mask: url("data:image/svg+xml;charset=UTF-8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.3333 5H5C3.89543 5 3 5.89543 3 7V19C3 20.1046 3.89543 21 5 21H17C18.1046 21 19 20.1046 19 19V7.66667' stroke='%23363637' stroke-width='1.3'/%3E%3Cpath d='M8.5 16L7.85052 15.974C7.84273 16.1687 7.92272 16.3567 8.06845 16.4861C8.21417 16.6155 8.41026 16.6726 8.60269 16.6418L8.5 16ZM11.9728 15.1396L11.5051 14.6882L11.9728 15.1396ZM11.1305 15.5791L11.0278 14.9373L11.1305 15.5791ZM21.3699 4.05689L20.8889 4.49413L21.3699...