/* ==== zabrick Theme v25 — Тёмно-серые посты, исправленные рамки ==== */
/* ===== ГЛОБАЛЬНЫЙ ФОН — ОГРОМНЫЙ БЕСШОВНЫЙ ===== */
html, body, #matrixchat, .mx_MatrixChat,
.mx_MatrixChat_wrapper,
.mx_MatrixChat_scrollPanel,
.mx_RoomView,
.mx_RoomView_body,
.mx_TimelinePanel,
.mx_ScrollPanel,
.mx_MessagePanel,
.mx_RoomView_messagePanel,
.mx_RoomView_timeline,
.mx_RoomView .mx_ScrollPanel,
.mx_MainSplit,
.mx_RightPanel,
.mx_RightPanel_legacy {
background-color: #D5D2CE !important;
background-image:
/* Огромный слой — больше 4K */
url("data:image/svg+xml,%3Csvg width='4000' height='4000' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='huge'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.008' numOctaves='5' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.28 0 0 0 0 0.28 0 0 0 0 0.28 0 0 0 0.22 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23huge)'/%3E%3C/svg%3E"),
/* Второй огромный слой для разрушения повтора */
url("data:image/svg+xml,%3Csvg width='3000' height='3000' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='big'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.015' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.25 0 0 0 0 0.25 0 0 0 0 0.25 0 0 0 0.14 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23big)'/%3E%3C/svg%3E") !important;
background-repeat: repeat !important;
font-family: "Courier New", monospace;
color: #1A1A1A;
}
/* ===== ГЛОБАЛЬНЫЕ СБРОСЫ (без рамок) ===== */
* {
border-radius: 0 !important;
box-shadow: none !important;
text-shadow: none !important;
}
/* ===== ПРАВАЯ ПАНЕЛЬ ===== */
.mx_RightPanel,
.mx_RightPanel_legacy,
aside.mx_RightPanel,
div[class*="RightPanel"],
.mx_RightPanel_ResizeWrapper,
.mx_RightPanel .mx_BaseCard,
.mx_RightPanel .mx_RoomSummaryCard,
.mx_RightPanel .mx_AutoHideScrollbar,
.mx_RightPanel header,
.mx_RightPanel [class*="RoomSummaryCard"],
.mx_RightPanel [class*="BaseCard"],
#mx_RightPanel,
#room-summary-panel {
background-color: #C5C0B8 !important;
background-image: none !important;
}
.mx_RightPanel .mx_BaseCard_header button,
.mx_BaseCard_header ._icon-button_1215g_8 {
color: #6A645E !important;
background: transparent !important;
}
.mx_RightPanel .mx_BaseCard_header button:hover,
.mx_BaseCard_header ._icon-button_1215g_8:hover {
color: #4A4440 !important;
background: rgba(0,0,0,0.05) !important;
}
.mx_RightPanel .mx_RoomSummaryCard_search,
._root_19upo_16,
.mx_RoomSummaryCard_search {
background: #B5B0A8 !important;
border: 1px solid #9A948C !important;
}
.mx_RightPanel .mx_RoomSummaryCard_search input,
._input_1lktl_52,
.mx_RoomSummaryCard_search input[type="search"] {
background: #B5B0A8 !important;
color: #252525 !important;
font-family: "Courier New", monospace !important;
}
.mx_RightPanel .mx_RoomSummaryCard_search input::placeholder,
._input_1lktl_52::placeholder {
color: #6A645E !important;
}
.mx_RightPanel .mx_RoomSummaryCard_search svg,
._icon_1lktl_37 {
color: #6A645E !important;
}
.mx_RightPanel ._separator_13qwf_8,
[class*="separator"][class*="13qwf"] {
background-color: #9A948C !important;
border-color: #9A948C !important;
}
.mx_RightPanel ._item_bym9p_8,
[class*="item"][class*="bym9p"] {
background: transparent !important;
color: #252525 !important;
}
.mx_RightPanel ._item_bym9p_8:hover,
[class*="item"][class*="bym9p"]:hover {
background: #B5B0A8 !important;
}
.mx_RightPanel ._icon_bym9p_51,
[class*="icon"][class*="bym9p"] {
color: #6A645E !important;
}
.mx_RightPanel ._label_bym9p_35,
[class*="label"][class*="bym9p"] {
color: #252525 !important;
}
.mx_RightPanel ._nav-hint_bym9p_60,
[class*="nav-hint"][class*="bym9p"] {
color: #6A645E !important;
}
.mx_RightPanel [data-kind="critical"],
.mx_RightPanel ._item_bym9p_8[data-kind="critical"],
.mx_RoomSummaryCard_leave,
.mx_RoomSummaryCard_bottomOptions [data-kind="critical"] {
color: #8B4040 !important;
}
.mx_RightPanel [data-kind="critical"]:hover,
.mx_RightPanel ._item_bym9p_8[data-kind="critical"]:hover {
background: #C5B8B0 !important;
}
.mx_RightPanel ._container_udcm8_10,
[class*="container"][class*="udcm8"] {
background: #AAA49C !important;
}
.mx_RightPanel ._input_udcm8_24:checked + ._ui_udcm8_34,
[class*="input"][class*="udcm8"]:checked + [class*="ui"][class*="udcm8"] {
background: #6A645E !important;
}
.mx_RightPanel .mx_RoomSummaryCard_roomName,
.mx_RightPanel h1 {
color: #252525 !important;
}
.mx_RightPanel .mx_RoomSummaryCard_alias,
.mx_RightPanel .text-secondary {
color: #6A645E !important;
}
.mx_RightPanel ._badge_10dml_8,
[class*="badge"][class*="10dml"] {
background: #B5B0A8 !important;
color: #252525 !important;
border: 1px solid #9A948C !important;
}
.mx_RightPanel ._link_k9ljz_8,
[class*="link"][class*="k9ljz"] {
color: #404040 !important;
}
.mx_RightPanel ._link_k9ljz_8:hover,
[class*="link"][class*="k9ljz"]:hover {
color: #606060 !important;
}
.mx_ResizeHandle--horizontal {
background: transparent !important;
}
.mx_ResizeHandle--horizontal:hover {
background: rgba(0,0,0,0.03) !important;
}
/* ===== БАННЕР ЗАКРЕПЛЁННОГО СООБЩЕНИЯ ===== */
.mx_PinnedMessageBanner {
background: #C5C0B8 !important;
border-bottom: 1px solid #9A948C !important;
color: #1A1A1A !important;
}
.mx_PinnedMessageBanner_main {
background: #C5C0B8 !important;
color: #1A1A1A !important;
}
.mx_PinnedMessageBanner_main:hover {
background: #B5B0A8 !important;
}
.mx_PinnedMessageBanner_content {
color: #1A1A1A !important;
}
.mx_PinnedMessageBanner_PinIcon {
color: #6A645E !important;
}
.mx_PinnedMessageBanner_Indicator {
background: #6A645E !important;
}
.mx_PinnedMessageBanner_Indicator--active {
background: #404040 !important;
}
.mx_PinnedMessageBanner_message {
color: #252525 !important;
}
/* ===== ЭМОДЗИ-ПИКЕР ===== */
.mx_EmojiPicker {
background: #C5C0B8 !important;
border: 1px solid #9A948C !important;
}
.mx_EmojiPicker_header {
background: #C5C0B8 !important;
border-bottom: 1px solid #9A948C !important;
}
.mx_EmojiPicker_anchor {
background: transparent !important;
color: #6A645E !important;
}
.mx_EmojiPicker_anchor:hover {
background: #B5B0A8 !important;
}
.mx_EmojiPicker_anchor_visible {
background: #AAA49C !important;
border-bottom: 2px solid #404040 !important;
}
.mx_EmojiPicker_search {
background: #C5C0B8 !important;
border-bottom: 1px solid #9A948C !important;
}
.mx_EmojiPicker_search input {
background: #B5B0A8 !important;
color: #1A1A1A !important;
border: 1px solid #9A948C !important;
font-family: "Courier New", monospace !important;
}
.mx_EmojiPicker_search_icon {
color: #6A645E !important;
}
.mx_EmojiPicker_body {
background: #C5C0B8 !important;
}
.mx_EmojiPicker_category {
background: #C5C0B8 !important;
}
.mx_EmojiPicker_category_label {
color: #252525 !important;
background: #C5C0B8 !important;
}
.mx_EmojiPicker_item_wrapper {
background: transparent !important;
}
.mx_EmojiPicker_item_wrapper:hover,
.mx_EmojiPicker_item_wrapper:focus-within {
background: #B5B0A8 !important;
}
.mx_EmojiPicker_item {
background: transparent !important;
}
.mx_EmojiPicker_footer {
background: #C5C0B8 !important;
border-top: 1px solid #9A948C !important;
}
/* ===== ПАНЕЛЬ ДЕЙСТВИЙ НАД СООБЩЕНИЕМ ===== */
.mx_MessageActionBar,
._toolbar_1ksun_8 {
background: #C5C0B8 !important;
border: 1px solid #9A948C !important;
padding: 2px !important;
}
.mx_MessageActionBar ._toolbar_item_1ksun_14,
._toolbar_1ksun_8 button {
background: transparent !important;
color: #6A645E !important;
}
.mx_MessageActionBar ._toolbar_item_1ksun_14:hover,
._toolbar_1ksun_8 button:hover {
background: #B5B0A8 !important;
color: #4A4440 !important;
}
/* ===== КОНТЕКСТНОЕ МЕНЮ ===== */
.mx_ContextualMenu {
background: #C5C0B8 !important;
border: 1px solid #9A948C !important;
padding: 4px 0 !important;
}
.mx_IconizedContextMenu {
background: #C5C0B8 !important;
}
.mx_IconizedContextMenu_optionList {
background: transparent !important;
}
.mx_IconizedContextMenu_item {
background: transparent !important;
color: #252525 !important;
padding: 4px 12px !important;
}
.mx_IconizedContextMenu_item:hover {
background: #B5B0A8 !important;
}
.mx_IconizedContextMenu_label {
color: #252525 !important;
font-family: "Courier New", monospace !important;
font-size: 13px !important;
}
.mx_IconizedContextMenu_item svg {
color: #6A645E !important;
}
.mx_IconizedContextMenu_optionList_red .mx_IconizedContextMenu_item {
color: #8B4040 !important;
}
.mx_IconizedContextMenu_optionList_red .mx_IconizedContextMenu_item:hover {
background: #C5B8B0 !important;
}
.mx_IconizedContextMenu_optionList_red .mx_IconizedContextMenu_label {
color: #8B4040 !important;
}
/* ===== МЕНЮ ИЗ ТРЁХ ТОЧЕК В ЛЕВОЙ ПАНЕЛИ ===== */
._menu_1kl3y_8,
[class*="menu"][class*="1kl3y"] {
background: #C5C0B8 !important;
border: 1px solid #9A948C !important;
padding: 4px 0 !important;
}
._menu_1kl3y_8 ._item_bym9p_8,
[class*="menu"][class*="1kl3y"] ._item_bym9p_8,
[class*="menu"][class*="1kl3y"] [class*="item"][class*="bym9p"] {
background: transparent !important;
color: #252525 !important;
}
._menu_1kl3y_8 ._item_bym9p_8:hover,
[class*="menu"][class*="1kl3y"] ._item_bym9p_8:hover {
background: #B5B0A8 !important;
}
._menu_1kl3y_8 ._icon_bym9p_51,
[class*="menu"][class*="1kl3y"] ._icon_bym9p_51 {
color: #6A645E !important;
}
._menu_1kl3y_8 ._label_bym9p_35,
[class*="menu"][class*="1kl3y"] ._label_bym9p_35 {
color: #252525 !important;
}
._menu_1kl3y_8 ._separator_13qwf_8,
[class*="menu"][class*="1kl3y"] ._separator_13qwf_8 {
background-color: #9A948C !important;
border-color: #9A948C !important;
}
._menu_1kl3y_8 ._container_udcm8_10,
[class*="menu"][class*="1kl3y"] ._container_udcm8_10 {
background: #AAA49C !important;
}
._menu_1kl3y_8 ._input_udcm8_24:checked + ._ui_udcm8_34,
[class*="menu"][class*="1kl3y"] ._input_udcm8_24:checked + ._ui_udcm8_34 {
background: #6A645E !important;
}
._menu_1kl3y_8 [data-kind="critical"],
[class*="menu"][class*="1kl3y"] [data-kind="critical"] {
color: #8B4040 !important;
}
._menu_1kl3y_8 [data-kind="critical"]:hover,
[class*="menu"][class*="1kl3y"] [data-kind="critical"]:hover {
background: #C5B8B0 !important;
}
/* ===== SPACE ПАНЕЛЬ + ПАНЕЛЬ КОМНАТ ===== */
.mx_SpacePanel,
.mx_LeftPanel,
div[class*="LeftPanel"],
div[class*="SpacePanel"],
.mx_RoomList,
.mx_RoomList_wrapper,
.mx_RoomList_scrollPanel,
aside[class*="LeftPanel"],
aside[class*="SpacePanel"],
nav[class*="LeftPanel"],
nav[class*="SpacePanel"],
div[data-viewport-type="element"],
div[data-testid="virtuoso-item-list"],
.mx_RoomListItemView,
[class*="roomListItem"],
[class*="RoomListItem"],
header[data-testid="room-list-header"],
[class*="header"][class*="room"],
[class*="_header"][class*="1b9rm"],
div[data-testid="room-list-search"],
[class*="view"][class*="zk0ja"],
div[data-testid="primary-filters"],
[class*="roomListPrimaryFilters"] {
background: #C5C0B8 !important;
}
div[data-viewport-type="element"] > div,
div[data-testid="virtuoso-item-list"],
header[data-testid="room-list-header"] > div,
header[data-testid="room-list-header"] .mx_Flex,
._header_1b9rm_8,
._container_1b9rm_13,
._title_1b9rm_19,
._view_zk0ja_8,
._search_zk0ja_16,
._roomListPrimaryFilters_kikqh_8,
._list_kikqh_17 {
background: #C5C0B8 !important;
}
._button_1nw83_8._search_zk0ja_16,
button#room-list-search-button {
background: #B5B0A8 !important;
border: 1px solid #9A948C !important;
color: #252525 !important;
}
._search_text_zk0ja_40 {
font-family: "Courier New", monospace !important;
color: #252525 !important;
}
._chat-filter_5qdp0_8,
[class*="chat-filter"] {
background: #B5B0A8 !important;
border: 1px solid #9A948C !important;
color: #252525 !important;
font-family: "Courier New", monospace !important;
font-size: 12px !important;
padding: 2px 8px !important;
}
._chat-filter_5qdp0_8[aria-selected="true"],
[class*="chat-filter"][aria-selected="true"] {
background: #9A948C !important;
color: #FFFFFF !important;
}
.mx_SpacePanel,
.mx_LeftPanel {
border-right: 2px solid #9A948C !important;
}
header[data-testid="room-list-header"] h1,
._title_1b9rm_19 h1,
[class*="header"][class*="room"] h1 {
font-family: "Courier New", monospace !important;
font-size: 14px !important;
font-weight: 600;
color: #252525 !important;
}
/* ===== Space-кнопки ===== */
.mx_SpaceButton {
background: transparent !important;
border-bottom: 1px solid #B0A8A0;
padding: 6px 4px !important;
}
.mx_SpaceButton:hover {
background: #B5B0A8 !important;
}
.mx_SpaceButton .mx_BaseAvatar,
.mx_SpacePanel .mx_BaseAvatar {
display: flex !important;
visibility: visible !important;
opacity: 1 !important;
}
/* ===== КОМНАТЫ ===== */
.mx_RoomTile,
.mx_RoomListItemView,
[class*="roomListItem"] {
background: transparent !important;
border-bottom: 1px solid #B0A8A0;
transition: none !important;
}
.mx_RoomTile > *,
.mx_RoomListItemView > *,
[class*="roomListItem"] > *,
._container_1tdpv_46,
[class*="container"][class*="1tdpv"] {
background: transparent !important;
}
.mx_RoomTile:hover,
.mx_RoomListItemView:hover,
[class*="roomListItem"]:hover {
background: #B5B0A8 !important;
}
.mx_RoomTile:hover ._container_1tdpv_46,
.mx_RoomListItemView:hover ._container_1tdpv_46,
[class*="roomListItem"]:hover ._container_1tdpv_46,
.mx_RoomTile:hover > *,
.mx_RoomListItemView:hover > *,
[class*="roomListItem"]:hover > * {
background: transparent !important;
}
.mx_RoomListItemView_selected,
[class*="selected"][class*="RoomListItem"],
.mx_RoomTile.mx_RoomTile_selected,
[class*="RoomTile"][class*="selected"] {
background: #AAA49C !important;
}
.mx_RoomListItemView_selected ._container_1tdpv_46,
[class*="selected"][class*="RoomListItem"] ._container_1tdpv_46,
.mx_RoomListItemView_selected > *,
[class*="selected"][class*="RoomListItem"] > * {
background: transparent !important;
}
.mx_RoomListItemView_selected:hover,
[class*="selected"][class*="RoomListItem"]:hover {
background: #A09A92 !important;
}
.mx_RoomListItemView_selected:hover ._container_1tdpv_46,
[class*="selected"][class*="RoomListItem"]:hover ._container_1tdpv_46,
.mx_RoomListItemView_selected:hover > *,
[class*="selected"][class*="RoomListItem"]:hover > * {
background: transparent !important;
}
.mx_RoomTile_name,
[class*="roomName"],
div[data-testid="room-name"] {
font-family: "Courier New", monospace !important;
font-size: 13px !important;
color: #404040 !important;
text-decoration: none !important;
}
.mx_RoomTile:hover .mx_RoomTile_name,
.mx_RoomListItemView:hover [class*="roomName"],
[class*="roomListItem"]:hover div[data-testid="room-name"],
.mx_RoomListItemView_selected .mx_RoomTile_name,
[class*="selected"][class*="RoomListItem"] [class*="roomName"] {
color: #404040 !important;
}
/* ===== ИКОНКИ И КНОПКИ В ЛЕВОЙ ПАНЕЛИ ===== */
._icon-button_1215g_8,
[class*="icon-button"],
.mx_RoomTile button,
.mx_RoomListItemView button,
[class*="roomListItem"] button,
._hoverMenu_1tdpv_32 button,
[class*="hoverMenu"] button {
color: #6A645E !important;
background: transparent !important;
border: none !important;
}
._icon-button_1215g_8:hover,
[class*="icon-button"]:hover,
.mx_RoomTile button:hover,
.mx_RoomListItemView button:hover,
[class*="roomListItem"] button:hover,
._hoverMenu_1tdpv_32 button:hover,
[class*="hoverMenu"] button:hover {
color: #4A4440 !important;
background: rgba(0,0,0,0.05) !important;
}
._icon-button_1215g_8[data-kind="primary"],
[class*="icon-button"][data-kind="primary"] {
color: #6A645E !important;
background: transparent !important;
}
._icon-button_1215g_8[data-kind="primary"]:hover,
[class*="icon-button"][data-kind="primary"]:hover {
color: #4A4440 !important;
background: rgba(0,0,0,0.05) !important;
}
._indicator-icon_147l5_17,
[class*="indicator-icon"] {
color: inherit !important;
}
._hoverMenu_1tdpv_32,
[class*="hoverMenu"] {
color: #6A645E !important;
}
._iconButton_kikqh_27,
[class*="iconButton"][class*="kikqh"] {
color: #6A645E !important;
background: transparent !important;
border: none !important;
}
._iconButton_kikqh_27:hover,
[class*="iconButton"][class*="kikqh"]:hover {
color: #4A4440 !important;
background: rgba(0,0,0,0.05) !important;
}
.mx_LeftPanel svg,
.mx_SpacePanel svg,
[class*="LeftPanel"] svg,
[class*="SpacePanel"] svg {
color: inherit !important;
fill: currentColor !important;
}
/* ===== ШАПКА ===== */
.mx_RoomHeader {
background: #C5C0B8 !important;
border-bottom: 2px solid #9A948C;
padding: 6px 12px !important;
height: auto !important;
}
.mx_RoomHeader .mx_RoomHeader_name {
font-family: "Courier New", monospace !important;
font-size: 15px !important;
font-weight: 600;
color: #0A0A0A;
}
.mx_RoomHeader .mx_AccessibleButton:not(.mx_RoomHeader_name),
.mx_RoomHeader .mx_RoomHeader_avatar {
display: none !important;
}
/* ===== СООБЩЕНИЯ ===== */
.mx_EventTile .mx_BaseAvatar,
.mx_EventTile .mx_EventTile_avatar {
display: none !important;
}
/* Сам пост */
.mx_EventTile,
li.mx_EventTile,
div.mx_EventTile,
[class*="mx_EventTile"] {
background: #B0ACA8 !important;
border: 1px solid #908C86 !important;
margin: 4px 0 !important;
padding: 0 !important;
}
.mx_EventTile:hover,
.mx_EventTile:focus-within,
.mx_EventTile.mx_EventTile_selected,
li.mx_EventTile:hover,
li.mx_EventTile:focus-within {
background: #B0ACA8 !important;
}
/* Убираем все рамки у внутренних элементов */
.mx_EventTile *,
.mx_EventTile div,
.mx_EventTile span,
.mx_EventTile p,
.mx_EventTile h1,
.mx_EventTile h2,
.mx_EventTile h3,
.mx_EventTile ul,
.mx_EventTile ol,
.mx_EventTile li,
.mx_EventTile code,
.mx_EventTile pre,
.mx_EventTile blockquote,
.mx_EventTile hr,
.mx_EventTile a,
.mx_EventTile svg,
.mx_EventTile button,
.mx_EventTile [class*="EventTile"],
.mx_EventTile [class*="MTextBody"],
.mx_EventTile [class*="EventTile_body"],
.mx_EventTile [class*="EventTile_line"],
.mx_EventTile [class*="EventTile_footer"],
.mx_EventTile [class*="EventTile_content"],
.mx_EventTile [class*="markdown-body"] * {
border: none !important;
outline: none !important;
}
/* Линия сообщения */
.mx_EventTile_line,
.mx_EventTile_line:hover {
background: transparent !important;
}
/* Шапка поста — тот же цвет что и тело, без полоски */
.mx_EventTile .mx_SenderProfile,
.mx_EventTile .mx_DisambiguatedProfile,
.mx_EventTile [class*="DisambiguatedProfile"],
._disambiguatedProfile_4jooo_8 {
background: #B0ACA8 !important;
margin: 0 !important;
padding: 3px 8px !important;
font-size: 12px !important;
color: #1A1A1A !important;
border-bottom: none !important;
display: flex;
align-items: baseline;
gap: 8px;
font-family: "Courier New", monospace;
}
.mx_EventTile .mx_SenderProfile .mx_SenderProfile_displayName,
.mx_EventTile .mx_DisambiguatedProfile .mx_DisambiguatedProfile_displayName,
._disambiguatedProfile_displayName_4jooo_14,
[class*="disambiguatedProfile_displayName"] {
font-weight: 600 !important;
color: #2A2A2A !important;
}
.mx_EventTile .mx_MessageTimestamp,
.mx_EventTile [class*="MessageTimestamp"] {
font-size: 11px !important;
color: #504C46 !important;
margin-left: auto;
}
/* Тело сообщения */
.mx_EventTile .mx_MTextBody,
.mx_EventTile .mx_EventTile_body,
.mx_EventTile [class*="MTextBody"],
.mx_EventTile [class*="EventTile_body"],
._root_dlp6w_8,
._text_dlp6w_13 {
padding: 8px 10px !important;
font-size: 14px !important;
line-height: 1.5;
white-space: pre-wrap;
font-family: "Courier New", monospace;
background: #B0ACA8 !important;
color: #1A1A1A !important;
}
/* Заголовки */
.mx_EventTile .mx_EventTile_body h1,
.mx_EventTile .mx_MTextBody h1,
.markdown-body h1,
.mx_EventTile h1 {
color: #1A1A1A !important;
background: transparent !important;
padding: 0 !important;
margin: 0.5em 0 !important;
}
.mx_EventTile .mx_EventTile_body h2,
.mx_EventTile .mx_MTextBody h2,
.markdown-body h2,
.mx_EventTile h2,
.mx_EventTile .mx_EventTile_body h3,
.mx_EventTile .mx_MTextBody h3,
.markdown-body h3,
.mx_EventTile h3 {
color: #1A1A1A !important;
background: transparent !important;
}
/* Параграфы и списки */
.mx_EventTile .mx_EventTile_body p,
.mx_EventTile .mx_MTextBody p,
.markdown-body p,
.mx_EventTile p,
.mx_EventTile .mx_EventTile_body ul,
.mx_EventTile .mx_MTextBody ul,
.markdown-body ul,
.mx_EventTile ul,
.mx_EventTile .mx_EventTile_body ol,
.mx_EventTile .mx_MTextBody ol,
.markdown-body ol,
.mx_EventTile ol,
.mx_EventTile .mx_EventTile_body li,
.mx_EventTile .mx_MTextBody li,
.markdown-body li,
.mx_EventTile li {
color: #1A1A1A !important;
}
/* Разделитель */
.mx_EventTile .mx_EventTile_body hr,
.mx_EventTile .mx_MTextBody hr,
.markdown-body hr,
.mx_EventTile hr {
background-color: #908C86 !important;
border: none !important;
height: 1px !important;
margin: 8px 0 !important;
}
/* Ссылки */
.mx_EventTile a,
.mx_MTextBody a,
.markdown-body a {
color: #404040 !important;
text-decoration: underline !important;
}
.mx_EventTile a:hover,
.mx_MTextBody a:hover,
.markdown-body a:hover {
color: #606060 !important;
}
/* Код */
.mx_EventTile code,
.mx_MTextBody code,
.markdown-body code {
background: #A5A19D !important;
color: #1A1A1A !important;
font-family: "Courier New", monospace !important;
padding: 1px 4px !important;
}
.mx_EventTile code:not(pre code) {
background: #A5A19D !important;
color: #1A1A1A !important;
}
.mx_EventTile pre,
.markdown-body pre {
background: #A5A19D !important;
border: 1px solid #908C86 !important;
padding: 8px !important;
}
.mx_EventTile pre code,
.markdown-body pre code {
background: transparent !important;
}
/* Greentext */
.mx_EventTile blockquote {
color: #789922 !important;
border-left: 2px solid #90A040 !important;
padding-left: 10px !important;
margin: 5px 0 !important;
background: transparent !important;
}
.mx_EventTile blockquote blockquote {
color: #5C7A14 !important;
}
/* Нижний колонтитул */
.mx_EventTile_footer,
.mx_EventTile [class*="EventTile_footer"] {
background: #B0ACA8 !important;
color: #504C46 !important;
padding: 2px 8px !important;
}
._pinnedMessageBadge_10mi2_8,
[class*="pinnedMessageBadge"] {
background: transparent !important;
color: #504C46 !important;
}
/* Скрываем галочки прочтения */
.mx_EventTile_msgOption,
.mx_ReadReceiptGroup,
.mx_ReadReceiptGroup_button,
.mx_ReadReceiptGroup_container {
display: none !important;
}
/* Кнопка "изменено" */
._editedMarker_dlp6w_44,
[class*="editedMarker"] {
color: #504C46 !important;
}
/* ===== СИСТЕМНЫЕ СООБЩЕНИЯ ===== */
.mx_GenericEventListSummary,
.mx_GenericEventListSummary_unstyledList {
background: transparent !important;
border: none !important;
padding: 0 !important;
margin: 0 !important;
}
/* Свёрнутый блок */
.mx_GenericEventListSummary .mx_GenericEventListSummary_toggle,
.mx_GenericEventListSummary [class*="toggle"] {
color: #6A645E !important;
font-size: 12px !important;
padding: 2px 8px !important;
background: transparent !important;
border: none !important;
text-decoration: underline !important;
}
/* Строка свёрнутого блока */
.mx_GenericEventListSummary .mx_EventTile_line,
.mx_GenericEventListSummary .mx_EventTile_info {
background: #C5C0B8 !important;
border: 1px dashed #9A948C !important;
padding: 4px 8px !important;
margin: 2px 0 !important;
}
/* Аватарки в свёрнутом блоке */
.mx_GenericEventListSummary .mx_GenericEventListSummary_avatars,
.mx_GenericEventListSummary [class*="avatars"] {
display: inline !important;
margin-right: 4px !important;
}
.mx_GenericEventListSummary .mx_BaseAvatar,
.mx_GenericEventListSummary [class*="BaseAvatar"] {
display: inline-block !important;
width: 14px !important;
height: 14px !important;
}
/* Текст в свёрнутом блоке */
.mx_GenericEventListSummary .mx_TextualEvent,
.mx_GenericEventListSummary .mx_GenericEventListSummary_summary,
.mx_GenericEventListSummary [class*="summary"] {
color: #6A645E !important;
font-size: 12px !important;
display: inline !important;
}
/* Развёрнутые системные сообщения */
.mx_EventTile.mx_EventTile_info,
.mx_EventTile.mx_EventTile_emote {
background: #C5C0B8 !important;
border: 1px dashed #9A948C !important;
font-size: 12px !important;
color: #6A645E !important;
padding: 4px 8px !important;
}
.mx_EventTile.mx_EventTile_info .mx_EventTile_avatar,
.mx_EventTile.mx_EventTile_emote .mx_EventTile_avatar,
.mx_EventTile.mx_EventTile_info .mx_BaseAvatar,
.mx_EventTile.mx_EventTile_emote .mx_BaseAvatar {
display: none !important;
}
.mx_TextualEvent,
._textualEvent_1rbqb_8,
[class*="textualEvent"] {
color: #6A645E !important;
font-size: 12px !important;
line-height: 1.4 !important;
padding: 0 !important;
}
.mx_TextualEvent .mx_AccessibleButton,
.mx_TextualEvent [class*="AccessibleButton"],
._textualEvent_1rbqb_8 .mx_AccessibleButton {
color: #404040 !important;
font-weight: 600 !important;
text-decoration: underline !important;
display: inline !important;
}
.mx_EventTile.mx_EventTile_info .mx_SenderProfile,
.mx_EventTile.mx_EventTile_emote .mx_SenderProfile,
.mx_EventTile.mx_EventTile_info .mx_DisambiguatedProfile,
.mx_EventTile.mx_EventTile_emote .mx_DisambiguatedProfile {
background: #B8B4B0 !important;
padding: 2px 6px !important;
font-size: 11px !important;
border-bottom: none !important;
}
/* Скрываем время в системных сообщениях */
.mx_EventTile.mx_EventTile_info .mx_MessageTimestamp,
.mx_EventTile.mx_EventTile_emote .mx_MessageTimestamp,
.mx_EventTile.mx_EventTile_info [class*="MessageTimestamp"],
.mx_EventTile.mx_EventTile_emote [class*="MessageTimestamp"] {
display: none !important;
}
/* Убираем лишние рамки внутри системных сообщений */
.mx_GenericEventListSummary .mx_EventTile_info {
border: 1px dashed #9A948C !important;
background: #C5C0B8 !important;
}
/* ===== ПОЛЕ ВВОДА ===== */
.mx_MessageComposer {
background: #C5C0B8 !important;
border-top: 2px solid #9A948C;
padding: 6px 8px !important;
}
.mx_MessageComposer .mx_BasicMessageComposer_input {
background: #DDD9D5 !important;
border: 1px solid #9A948C !important;
font-family: "Courier New", monospace !important;
font-size: 14px !important;
padding: 6px 10px !important;
color: #1A1A1A;
}
.mx_MessageComposer_sendMessage,
.mx_MessageComposer .mx_MessageComposer_sendButton,
.mx_MessageComposer button[aria-label="Отправить сообщение"],
.mx_MessageComposer button[aria-label="Отправить"] {
background: #B5B0A8 !important;
border: 1px solid #8A847C !important;
color: #4A4440 !important;
font-family: "Courier New", monospace !important;
font-size: 12px !important;
padding: 4px 12px !important;
}
.mx_MessageComposer_sendMessage:hover,
.mx_MessageComposer .mx_MessageComposer_sendButton:hover,
.mx_MessageComposer button[aria-label="Отправить сообщение"]:hover,
.mx_MessageComposer button[aria-label="Отправить"]:hover {
background: #AAA49C !important;
color: #2A2420 !important;
}
.mx_MessageComposer_sendMessage svg,
.mx_MessageComposer .mx_MessageComposer_sendButton svg {
color: #4A4440 !important;
}
/* ===== ССЫЛКИ ===== */
a {
color: #404040 !important;
text-decoration: none !important;
}
a:hover {
text-decoration: underline !important;
color: #606060 !important;
}
/* ===== СКРОЛЛБАР ===== */
::-webkit-scrollbar {
width: 10px;
}
::-webkit-scrollbar-track {
background: #C5C0B8;
border-left: 1px solid #9A948C;
}
::-webkit-scrollbar-thumb {
background: #9A948C;
border: 1px solid #827C74;
}
/* ===== СИСТЕМНЫЕ СООБЩЕНИЯ ===== */
.mx_EventTile.mx_EventTile_emote,
.mx_EventTile.mx_EventTile_info {
background: #C5C0B8 !important;
border: 1px dashed #9A948C !important;
font-size: 12px !important;
color: #6A645E !important;
}
.mx_EventTile.mx_EventTile_emote .mx_SenderProfile,
.mx_EventTile.mx_EventTile_info .mx_SenderProfile {
background: #B8B4B0 !important;
}
/* ===== ПРЯЧЕМ "ПЕЧАТАЕТ" ===== */
.mx_EventTile_typing {
display: none !important;
}
/* ===== ИЗОБРАЖЕНИЯ ===== */
.mx_EventTile .mx_MImageBody img {
border: 1px solid #908C86;
padding: 2px;
background: #FFFFFF;
max-width: 100%;
}