feat: Indigo theme updates for frontend-base#220
Conversation
|
@arbirali can we change the base branch to main for this PR. |
ahmed-arb
left a comment
There was a problem hiding this comment.
Looks good. Please add a changelog entry.
| for mfe in indigo_styled_mfes: | ||
| hooks.Filters.ENV_PATCHES.add_items( | ||
| [ | ||
| ( | ||
| f"mfe-dockerfile-post-npm-install-{mfe}", | ||
| """ | ||
| RUN npm install '@edx/brand@github:@edly-io/brand-openedx#indigo-2.5.2' | ||
| """, # noqa: E501 | ||
| ), | ||
| ] | ||
| ) | ||
|
|
||
| hooks.Filters.ENV_PATCHES.add_item( | ||
| ( | ||
| "mfe-dockerfile-post-npm-install-authn", | ||
| "RUN npm install '@edx/brand@github:@edly-io/brand-openedx#indigo-2.5.2'", | ||
| ) | ||
| ) |
There was a problem hiding this comment.
Can we update brand version as well?
There was a problem hiding this comment.
Brand version updated from 2.5.2 to 2.5.3.
| @@ -131,7 +131,7 @@ def _override_openedx_docker_image( | |||
| hooks.Filters.ENV_PATCHES.add_item( | |||
| ( | |||
| "mfe-dockerfile-post-npm-install-authn", | |||
| "RUN npm install '@edx/brand@github:@edly-io/brand-openedx#indigo-2.5.2'", | |||
| "RUN npm install '@edx/brand@github:@edly-io/brand-openedx#indigo-2.5.3'", | |||
There was a problem hiding this comment.
indigo-2.5.3 was for release(ulmo) branch created 2 days ago. Whereas our PR is merged yesterday.
It just came to my mind, can we revert our brand PR and create a new branch named verawood/indigo and commit our changes there. And from that branch, create a new release indigo-2.6.0 and use that here.
There was a problem hiding this comment.
Brand version updated from 2.5.3 to 3.0.0. The release 3.0.0 is created from the latest verawood/indigo branch.
| "url": "https://cdn.jsdelivr.net/gh/edly-io/brand-openedx@ulmo/indigo/dist/core.min.css", | ||
| }, | ||
| "defaults": { | ||
| "light": "light", | ||
| "dark": "dark", | ||
| }, | ||
| "variants": { | ||
| "light": { | ||
| "url": "https://cdn.jsdelivr.net/gh/edly-io/brand-openedx@ulmo/indigo/dist/light.min.css", | ||
| }, | ||
| "dark": { | ||
| "url": "https://cdn.jsdelivr.net/gh/edly-io/brand-openedx@ulmo/indigo/dist/dark.min.css", |
There was a problem hiding this comment.
can we please also change the branch name form ulmo/indigo to verawoord/indigo here.
Pull each Indigo plugin slot config into a single (slot_name, jsx) tuple constant, deduplicating the per-MFE PLUGIN_SLOTS entries via splat, and register each one with FRONTEND_COMPAT_SLOTS so they also apply under frontend-base. Also install the Indigo brand on the new frontend-base site shell, temporarily pointing brand installs at an alternate source until @edly-io/indigo-brand-openedx is updated. Co-Authored-By: Claude <noreply@anthropic.com>
Preserves global application of these contributions under the new per-MFE compat-slots signature. Co-Authored-By: Claude <noreply@anthropic.com>
6927d1f to
cae4ac3
Compare


Description
This PR updates the Indigo theme to align with the new styling mechanism introduced in openedx/frontend-base.
Previously, styling in MFEs relied on build-time CSS imports. However, with the introduction of runtime configuration in frontend-base, global styles (including Paragon and theme overrides) are now injected dynamically into the document via PARAGON_THEME_URLS.
This change ensures that Indigo correctly provides its theme styles using the runtime configuration approach, allowing consistent branding across all MFEs without requiring rebuilds.
There is a related PR in the brand-openedx #58
How Has This Been Tested
Learner Dashboard
Authn
Profile