Управление цветом стандартного контейнера Canvas App

Обновлено 15 января 2024

По умолчанию для контейнера Canvas App всегда установлена тёмная тема. Чтобы её изменить, установите значение true для параметра allowLightCanvas. В этом случае у контейнера Canvas App будет текущая тема чата (параметр themeColor).

Canvas App всегда получает информацию о текущей теме при её установке и смене в формате объекта AssistantThemeCommand.

Canvas App может не поддерживать светлую тему и отображаться неправильно.

Пример использования параметра allowLightCanvas для чата с ассистентом:

import React, { FC } from 'react';
import { FloatingAssistantChatLottie } from '@sberdevices/assistant-web-sdk/floatingAssistantChatLottie';

export const FloatingChatWithAssistant: FC = () => {
    return <FloatingAssistantChatLottie {...props} themeColor="light" allowLightCanvas />;
};