Discussions Обзор
У веб-частей Discussions нет собственных настроек цветов и шрифтов. Вместо этого они берут тему страницы, на которой размещены, - тему сайта, фон раздела и шрифт сайта, - а в Microsoft Teams, работая как вкладка или личное приложение, - тему Teams. Благодаря этому доска выглядит как остальной интранет без всякой настройки и остаётся читаемой при смене темы сайта. В этой статье точно описано, какие части темы используются и где, чтобы вы знали, чего ожидать при изменении оформления сайта.
Как тема попадает в веб-часть
При отрисовке страницы SharePoint Framework передаёт веб-части текущую тему - тему сайта или, внутри раздела страницы с собственным фоном, вариант темы этого раздела. Веб-часть копирует фиксированный набор слотов темы в пользовательские CSS-свойства своего корневого элемента (--bodyText, --link, --primaryButtonBackground и так далее), а её таблица стилей ссылается на эти свойства. Как только тема меняется - владелец сайта выбирает другую тему, автор страницы меняет фон раздела, Teams переключается на тёмную тему, - SharePoint заново отрисовывает веб-часть, и свойства записываются снова.
Обе веб-части построены на Fluent UI, поэтому стандартные элементы управления на странице (вкладки представлений, раскрывающиеся списки, поле поиска, кнопки, панель команд, панели сообщений) оформляет сам Fluent UI; пользовательские свойства покрывают то, что продукт рисует сам, - строки тем, значки, дерево ответов, редактор.
Слоты темы и где они используются
Веб-часть копирует следующие слоты темы. В таблице перечислены те, что видны в интерфейсе; ещё несколько копируются для элементов управления Fluent UI (акцентные состояния и состояния основной кнопки, тени карточек, границы отключённых элементов, фон и текст кнопок, neutralSecondary).
| Слот темы | Используется для |
|---|---|
bodyText | Названия тем, текст сообщений, название веб-части, текст экрана «Не настроено» |
bodySubtext | Строки метаданных (автор, время, категория), отрывки, счётчики, подсказки в полях, цитаты |
bodyBackground | Область редактора |
bodyStandoutBackground | Цвет строк тем при наведении, кружок значка типа, нейтральные значки, панель инструментов редактора, блоки кода, выделенный пункт в списке упоминаний |
bodyFrameDivider | Линии между строками тем, граница текста темы, левая граница вложенных ответов, граница редактора, границы цитат, поле названия в режиме редактирования |
link, linkHovered | Ссылки в сообщениях, цвет названий тем при наведении, граница фокуса редактора |
accent | Значок типа темы, кнопка Нравится после того, как текущий пользователь поставил лайк |
primaryButtonBackground, primaryButtonBackgroundHovered, primaryButtonText, primaryButtonBorder | Новая тема, Опубликовать, Создать доску и другие основные кнопки |
successBackground, successIcon, successText | Значки Есть ответ и Принятый ответ, значок вопросов с ответом, фон принятого ответа |
infoBackground, infoIcon | Значки Вопрос и Ожидает утверждения, маркер ожидающих элементов |
errorBackground, errorText | Значок с числом жалоб в очереди модерации |
Названия - это слоты темы Fluent UI, те же, что SharePoint выводит из основного цвета темы сайта. Пользовательская тема сайта, созданная в генераторе тем, задаёт их все, поэтому любая тема - не только встроенные - единообразно окрашивает доску.
Фоны разделов и разделы во всю ширину
Обе веб-части объявляют поддержку вариантов темы. Когда автор страницы задаёт разделу фон (Фон раздела: Нейтральный, Мягкий, Насыщенный), веб-часть получает вариант для этого фона и перекрашивается - на насыщенном фоне текст становится светлым, а разделители следуют за ним. Веб-часть Discussions дополнительно поддерживает разделы во всю ширину сайтов для общения; веб-часть Discussions Activity предназначена для узких колонок и их не поддерживает.
Шрифт сайта
Если на сайте используется пользовательский шрифт (Изменить внешний вид → Шрифт на сайте или фирменный шрифт, заданный через центр брендинга SharePoint), SharePoint публикует его на странице как CSS-переменную --fontFamilyCustomFont100. Веб-часть читает эту переменную и применяет шрифт ко всему, что рисует, - к заголовкам, строкам, сообщениям и редактору. Без пользовательского шрифта переменная пуста, и веб-часть наследует шрифт страницы, то есть Segoe UI в SharePoint. Блоки кода всегда используют моноширинный набор (Consolas, Courier New).
📝 Заметка
Экран Не настроено, показываемый во время создания или выбора доски, использует стандартный набор Segoe UI, а не шрифт сайта. Всё, что читатели видят после настройки доски, следует шрифту сайта.
Microsoft Teams
В качестве вкладки канала или личного приложения веб-часть читает тему клиента Teams, а не тему SharePoint:
| Тема Teams | Что использует веб-часть |
|---|---|
| По умолчанию (светлая) | Фиксированную светлую палитру в духе Teams: тёмный текст, синие ссылки и кнопки, светлые разделители |
| Тёмная | Фиксированную тёмную палитру: белый текст, полупрозрачные белые ссылки и акценты, тёмно-серые фоны и разделители |
| Высокая контрастность | Светлую палитру |
Переключение происходит сразу: смена темы Teams в настройках клиента заново отрисовывает вкладку. В Teams тема сайта SharePoint, на котором размещена доска, не используется, поэтому доска выглядит одинаково в любой команде независимо от темы сайта. Добавление веб-части в Teams описано в статье KB10393. Как добавить Discussions в Microsoft Teams.
Языки с письмом справа налево
Когда язык сайта - язык с письмом справа налево (арабский, иврит), веб-часть задаёт своему корневому элементу направление текста справа налево: панель инструментов, счётчики, дерево ответов и редактор зеркально отражаются. Направление следует языку сайта, а не языку браузера.
Язык интерфейса и даты
Надписи веб-части — представления, кнопки, значки и названия столбцов создаваемых списков — доступны на нескольких языках, включая английский, русский, латышский, немецкий, французский, японский, нидерландский и испанский. Интерфейс и относительное время (например, 3 часа назад) используют поддерживаемую локаль для языка интерфейса SharePoint пользователя; для неподдерживаемых языков используется английский. Тексты тем и ответов, разумеется, остаются такими, какими их написали авторы. Начиная с версии 26.10.3, при наведении указателя на относительное время у темы и у каждого ответа показывается полная дата и время в длинном локализованном формате, в часовом поясе вашего браузера - например, October 29, 2026 10:15 AM на английских сайтах и 29 октября 2026 г., 10:15 на русскоязычных. У относительного времени в списке тем, в веб-части Discussions Activity и в очереди модерации такой подсказки нет.
Что изменить нельзя
- В области свойств нет выбора цветов, переопределения темы или пользовательского CSS; единственный способ изменить цвета - изменить тему сайта или фон раздела.
- Значки типов тем (облачко для обсуждений, вопросительный знак для вопросов, галочка для вопросов с ответом) и тексты значков фиксированы.
- Макет - панель инструментов, структура строки, положение счётчиков - фиксирован; настройки отображения из статьи KB10422. Представления, постраничная загрузка, поиск и счётчики: настройки отображения веб-части Discussions определяют, какие элементы показываются.
💡 Совет
Если доска должна выделяться на странице, поместите её в отдельный раздел с мягким или нейтральным фоном и задайте веб-части название - веб-часть автоматически примет вариант раздела, без риска нечитаемого текста на тёмном фоне.
