Как настроить тему Indigo и переменные CSS для микрофронтэндов в Open edX?
Я работаю с Open edX, в частности, использую тему Indigo и микрофронтенды (MFE). Я хочу настроить тему, задав переменные CSS или маркеры, чтобы поддерживать последовательный брендинг на всей платформе. Однако я столкнулся с некоторыми проблемами и не уверен, как действовать дальше.
Моя установка:
- Платформа Open edX размещена на хостинге с темой Indigo.
- Я работаю с Tutor для управления инстансом Open edX.
- Микро-фронтенды (на основе React) работают на apps.local.edly.io. .
Что я пробовал:
- Я пробовал изменять переменные Sass темы Indigo (например, $primary-color), но не смог понять, как сделать так, чтобы эти изменения изменения вступили в силу.
- У меня нет компонентов React внутри папки indigo-theme, чтобы непосредственно управлять стилями или токенами для MFE.
- Я встречал упоминания о пакете edx/brand, но мне неясно. как использовать его для интеграции пользовательских стилей с MFEs.
Вопросы:
- Как настроить тему Indigo для определения переменных CSS или маркеры?
- Возможно ли обеспечить применение этих настроек как на основной платформе, так и на MFE. основной платформе и MFE? Если да, то как лучше всего это сделать? это сделать?
- Нужно ли для этого модифицировать или заменить пакет edx/brand, и как правильно интегрировать его с MFE, управляемыми репетитором?
Буду признателен за подробные инструкции или ссылки на документацию, которая поможет мне решить эту проблему. Дайте мне знать, если необходимы дополнительные сведения о моей настройке. Спасибо!