Skip to content

feat: Indigo theme updates for frontend-base#220

Merged
arbirali merged 8 commits into
mainfrom
frontend-base-compat-indigo
May 15, 2026
Merged

feat: Indigo theme updates for frontend-base#220
arbirali merged 8 commits into
mainfrom
frontend-base-compat-indigo

Conversation

@arbirali

@arbirali arbirali commented May 6, 2026

Copy link
Copy Markdown
Collaborator

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

  • Verified that PARAGON_THEME_URLS is correctly populated via Tutor configuration.
  • Confirmed that CSS files are injected into the at runtime.
  • Validated that Indigo branding styles are applied across MFEs (e.g., Learner Dashboard).
  • Tested in a dev Tutor environment with MFEs enabled.

Learner Dashboard

Before After
image image

Authn

Before After
image image

Profile

image

Comment thread tutorindigo/plugin.py
@Faraz32123

Copy link
Copy Markdown
Collaborator

Can we also check footer links placement.

Light theme Dark theme
Screenshot 2026-05-11 at 3 27 10 PM Screenshot 2026-05-11 at 3 27 04 PM

@Faraz32123

Copy link
Copy Markdown
Collaborator

@arbirali can we change the base branch to main for this PR.

@arbirali
arbirali changed the base branch from release to main May 12, 2026 07:43
@ahmed-arb
ahmed-arb self-requested a review May 12, 2026 09:12

@ahmed-arb ahmed-arb left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looks good. Please add a changelog entry.

@arbirali
arbirali requested a review from ahmed-arb May 13, 2026 17:08
Comment thread tutorindigo/plugin.py
Comment on lines 119 to 136
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'",
)
)

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Can we update brand version as well?

Copy link
Copy Markdown
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Brand version updated from 2.5.2 to 2.5.3.

Comment thread tutorindigo/plugin.py Outdated
Comment on lines +125 to +134
@@ -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'",

@Faraz32123 Faraz32123 May 14, 2026

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

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.

Copy link
Copy Markdown
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Brand version updated from 2.5.3 to 3.0.0. The release 3.0.0 is created from the latest verawood/indigo branch.

Comment thread tutorindigo/plugin.py Outdated
Comment on lines +346 to +357
"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",

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

can we please also change the branch name form ulmo/indigo to verawoord/indigo here.

Copy link
Copy Markdown
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Updated

arbrandes and others added 7 commits May 14, 2026 16:56
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>
@arbirali
arbirali force-pushed the frontend-base-compat-indigo branch from 6927d1f to cae4ac3 Compare May 14, 2026 11:58

@Faraz32123 Faraz32123 left a comment

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM!

@arbirali
arbirali merged commit 0148434 into main May 15, 2026
2 checks passed
@arbirali
arbirali deleted the frontend-base-compat-indigo branch May 15, 2026 07:49
@github-project-automation github-project-automation Bot moved this from In review to Done in Tutor project management May 15, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

Development

Successfully merging this pull request may close these issues.

5 participants