[Mobile VK] Message Bubbles & Accent Change by amaruelleof

/* ==UserStyle==
@name         [Mobile VK] Message Bubbles & Accent Change
@version      20221009.15.41
@namespace    userstyles.world/user/amaruelleof
@description  Experimental
@author       amaruelleof
@license      CC Zero
@var color accentColor "Accent color" #123456
@var range borderRadius "Border radius" [20, 10, 40, 5, "px"]
@var checkbox emojiStatus "Disable emoji status?" 0
@preprocessor stylus
==/UserStyle== */

@-moz-document domain("m.vk.com") {
@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
* {
    font-family: 'Rubik', sans-serif !important;
}

*[scheme=space_gray]{
    --accent: accentColor !important;
    --text_link: accentColor !important;
    --im_text_name: accentColor !important;
    --blue_overlight_3: accentColor !important;
    --button_primary_background: saturation(accentColor, 0) !important;
    --header_tint: saturation(accentColor, 0) !important;
    rect { fill: var(--accent); }
    .TopMenu__switcher_on { background: var(--accent); }
    .TopMenu__switcher_on:before { background: var(--accent); }
    .msg__replyDate { display: none; }
    .msg_unread { border-radius: borderRadius !important; }
    .msg__content{ border-radius: borderRadius !important; background-color: rgba(255,255,255, 0.08); padding: 15px; width: 50%; flex-grow: 0; }
    .msg_selected { border-radius: borderRadius !important; }
    .msg__actionForward.MailButton { left: 50px; -webkit-filter: grayscale(1); -webkit-filter: grayscale(100%); 
-moz-filter: grayscale(100%); filter: gray; filter: grayscale(100%); }
    .medias_thumbs { border-radius: borderRadius !important; }
    .thumb_link{ border-radius: borderRadius !important; } 
    .Control__icon:before{ -webkit-filter: grayscale(1);  -webkit-filter: grayscale(100%);  -moz-filter: grayscale(100%); filter: gray;  filter: grayscale(100%); } 
    .msg__check, .msg__star{ -webkit-filter: grayscale(1);  -webkit-filter: grayscale(100%);  -moz-filter: grayscale(100%); filter: gray;  filter: grayscale(100%); }
    if emojiStatus { .ImageStatus__status{ display: none; }  .ProfileInfoName__imageStatus{ display: none; } }
    .messenger__content{ margin: 15px 5px; }
    }
    .stickers_panel { height: 0; display: block !important; visibility: hidden; opacity: 0; transition: visibility 0s, opacity 1s ease-in-out; }
    .uMailWrite__popupStickers_open .stickers_panel { height: 20%; visibility: visible; opacity: 1; transition: visibility 0s, opacity 1s ease-in-out; }
}