Customize mention, reply badge (color, position) and avatar image in Chatwork

userContent.css

/* Customize mention, reply badge (color, position) and avatar image in Chatwork
   put this in ~/.mozilla/firefox/<profile_directory>/chrome
*/

@-moz-document domain(www.chatwork.com) {
  .messageBadge__avatar {
    border-radius: 15px !important;
    width: 16px !important;
    height: 16px !important;
    border: 1px solid #a484ec !important;
  }

  .messageBadge {
    margin-right: 6px !important;
  }

  .messageBadge .chatTimeLineTo {
    border-radius: 3px !important;
    padding: 2px 6px !important;
    margin-right: 7px !important;
    background-color: #6145ec !important;
  }

  .messageBadge .chatTimeLineReply {
    border-radius: 3px !important;
    padding: 2px 7px !important;
    margin-right: 7px !important;
    background-color: #6145ec !important;
  }
  
  .messageBadge .chatTimeLineReply__iconBox {
    background-color: #6145ec !important;
    padding: 0px !important;
  }
  
  .messageBadge .chatTimeLineReply__description {
    display: none !important;
  }
  
  ._avatarHoverTip._avatarClickTip, .igrfMW {
    border-radius: 50% !important;
  }
  
  ._avatarHoverTip._avatarClickTip:hover, .igrfMW:hover {
    border-color: #7a47ff !important;
  }

  /* Hovered mentioned message */
  ._message.jivSzJ.chatTimeLineMessageHover,
  ._message.kPjlWa.chatTimeLineMessageHover {
    background: #eee8f8 !important;
    border-top: 1px solid #b39bf2 !important;
    border-bottom: 1px solid #b39bf2 !important;
  }

  /* Action nav of mentioned message */
  ._message.jivSzJ .actionNav,
  ._message.kPjlWa .actionNav {
    background: #dfd7eb !important;
    border-right: 1px solid #b39bf2 !important;
    border-bottom: 1px solid #b39bf2 !important;
    border-left: 1px solid #b39bf2 !important;
  }

  /* Mentioned message */
  .timelineMessage--mention {
    background: #dfd7eb !important;
    border-top: 1px solid #b39bf2 !important;
    border-bottom: 1px solid #b39bf2 !important;
  }
  
  /* Mentioned message */
  ._message.jivSzJ, ._message.kPjlWa {
    background: #dfd7eb !important;
    border-top: 1px solid #b39bf2 !important;
    border-bottom: 1px solid #b39bf2 !important;
  }

  .taskMine {
    background: #dfd7eb !important;
  }

  .roomListBadges__mentionBadge {
    background-color: #6145ec !important;
    color: #ffffff !important;
  }

  .roomListBadges__mentionBadgeIcon {
    color: #ffffff !important;
  }

  /* Hide unread line */
  .sc-gbzWSY.gOKbGC {
    visibility: hidden;
  }
}

Rất hữu ích. Cảm ơn bạn nhiều ạ.