# MFE Comprehensive Theming

**URL:** <https://discuss.openedx.org/t/mfe-comprehensive-theming/10436>\
**Category:** Design\
**Tags:** theming, tutor-mfe\
**Created:** [June 15, 2023, 2:36pm UTC](https://discuss.openedx.org/t/mfe-comprehensive-theming/10436 "2023-06-15T14:36:09Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![justin-jones](https://sea2.discourse-cdn.com/flex020/user_avatar/discuss.openedx.org/justin-jones/32/5511_2.png) [@justin-jones](https://discuss.openedx.org/u/justin-jones)\
**Post date:** [June 15, 2023, 2:36pm UTC](https://discuss.openedx.org/t/mfe-comprehensive-theming/10436/1 "2023-06-15T14:36:09Z")

</div>

Good morning team!

We are looking at upgrading to Olive and have started to do some research on what that will take. One of the areas that we wanted to clarify our understanding in is the comprehensive theming and if that can be done in MFE. We are currently on Nutmeg Tutor and are using the legacy frontend experience and a custom theme.

Based on our understanding instead of building our own theme:  
`edx-platform/themes/{custom-theme}/{cms,lms,common}/{page override, or added styling}`

We will need to migrate those changes to a [brand](https://github.com/openedx/brand-openedx) and install that in the [MFE](https://github.com/overhangio/tutor-mfe#customising-mfes).

Our theme has some modifications/overrides to a few of the pages. We were wondering if that is still supported in MFEs? If that is possible is there any documentation on that process?

I found the following [Migrating a Comprehensive Theme From the Legacy Fronted to the MFE](https://discuss.openedx.org/t/migrating-a-comprehensive-theme-from-the-legacy-fronted-to-the-mfe/9942) and I _think_ this is the video that went with it [Migrating a comprehensive theme from the legacy frontend to the MFE](https://youtu.be/loVD2Ou_gFc).

If anyone has any extra information in the comprehensive theming to MFE branding and can share we would really appreciate it.

Thanks in advance!

---

<div class="post-metadata">

**Author:** ![abstract-technology](https://sea2.discourse-cdn.com/flex020/user_avatar/discuss.openedx.org/abstract-technology/32/8931_2.png) [@abstract-technology](https://discuss.openedx.org/u/abstract-technology)\
**Post date:** [July 4, 2023, 7:09am UTC](https://discuss.openedx.org/t/mfe-comprehensive-theming/10436/2 "2023-07-04T07:09:19Z")

</div>

@justin-jones

I’m Stefania from Abstract-Technology in Berlin/Germany, As a commercial Open EdX verified vendor, we can provide the service to help. We have a long experience in branding Open EdX, from comprehensive theme to MFE and hybrid (comprehensive+MFE). The theming with MFE should be easier, a lot of work has been done to move to React App, some more work is needed to get there. If you need help or a short call, just contact us at [help@abstract-technology.de](mailto:help@abstract-technology.de)

---

<div class="post-metadata">

**Author:** ![Agrendalath](https://avatars.discourse-cdn.com/v4/letter/a/c68b51/32.png) [@Agrendalath](https://discuss.openedx.org/u/Agrendalath)\
**Post date:** [July 10, 2023, 5:43pm UTC](https://discuss.openedx.org/t/mfe-comprehensive-theming/10436/3 "2023-07-10T17:43:48Z")

</div>

> [@justin-jones](#):
>
> If that is possible is there any documentation on that process?

As far as I know, the only official document about the branding is [here](https://open-edx-proposals.readthedocs.io/en/latest/architectural-decisions/oep-0048-brand-customization.html) (I included this link in my slides).

> [@justin-jones](#):
>
> Our theme has some modifications/overrides to a few of the pages. We were wondering if that is still supported in MFEs?

You can only override the CSS in the MFEs. You can find some example overrides [here](https://github.com/open-craft/edx-simple-theme/blob/0af5fa0/paragon/_overrides.scss). I encourage you to check out the [edx-simple-theme](https://github.com/open-craft/edx-simple-theme), as it shows a structure that allows sharing some CSS between the comprehensive theme and the MFEs. We use it as a base for building more complex themes (that work in both the legacy experience and the MFEs).

By the way, I used the method described in the linked talk last week to migrate two (fairly complex) themes from the legacy comprehensive themes to the MFE branding packages within a single day. Both themes were based on the `edx-simple-theme`. Unfortunately, I cannot share them publicly, but if you have any specific questions, feel free to ask.
