@mixin chat-message-mat($theme) {
  .date {
    color: map-get($theme, inactive-text);
  }

  .one-message-content:hover {
    background-color: map-get($theme, active-selection);
  }

  .message-menu {
    background-color: map-get($theme, resource-header);
  }

  .message-menu mat-icon:hover {
    background-color: map-get($theme, active-selection);
  }
  .reactions:hover {
    background-color: map-get($theme, active-selection);
  }

  .one-message-content {
    background-color: map-get($theme, chat-bg-partner);
  }

  .own-message .one-message-content {
    background-color: map-get($theme, chat-bg-me);
  }
}
