Hi, For our site, we have developed customization on top of indigo, so that the login page goes from looking like: [Capture d’écran, le 2026-08-12 à 17.15.10] to looking like this: [Capture d’écran, le 2026-08-12 à 17.15.23] which is just a few tweaks of the visual demoed here: https://a…

[image] mboisson: Is it because mfe-lms-production-settings is not the right place to add this ? or because it’s the wrong FRONTEND_SITE_CONFIG option to set ? Ok, finally looked into it. This is what should work today: per-app config, which gets merged into the app’s own config and so overw…

[image] arbrandes: That doesn’t sound right. The implemented priority should be, in order of higher priority to lower: anything unlayered > brand > site > app > shell > paragon I know it does not, but that’s what happens, at least in my browser (Chrome v150). [Capture d’écran, le 2026-08-1…

[image] mboisson: 0 seems to be the top priority. No, you’re reading this wrong. This is a cascade. The lowest rung wins. (Which is why implicit outer layer is 5: it always wins.)

[image] mboisson: I do this in this stylesheet which gets added to all of my pages (through the ExternalScripts handler) This means that layer declaration is not doing anything: it comes in too late. Anything in there is always at Layer 5, in practice.

[image] arbrandes: No, you’re reading this wrong. This is a cascade. The lowest rung wins. (Which is why implicit outer layer is 5: it always wins.) Well that may be the theory, but that’s not the practice I observed. This is what I observe if I declare these styles with @paragon layer: [C…

[image] arbrandes: This means that layer declaration is not doing anything: it comes in too late. Anything in there is always at Layer 5, in practice. That is also not what I observe. It works fine if I define it with @paragon layer in that file. It very briefly shows incorrectly while it loa…

[image] mboisson: This is what I observe if I declare them with any other layer Have you tried not declaring with any layer at all? It should just win.

[image] arbrandes: Have you tried not declaring with any layer at all? It should just win. I have. It does not win. paragon takes over, here is the screenshot: [Capture d’écran, le 2026-08-17 à 10.41.58]

[image] mboisson: background: #052147 !important; This is what’s biting you. !important means exactly the opposite in a layer scenario.

[image] arbrandes: This is what’s biting you. !important means exactly the opposite in a layer scenario. Hum, even if I remove the !importantmarkers from my custom style, it still does not show correctly. I see that the core authn app includes styles that have !important, I guess this is why…

Branding authn with indigo in a frontend-base world

Site Operators

arbrandes (Adolfo R. Brandes) August 17, 2026, 2:56pm 16

Most definitely. !important has absolutely no business in a themable app. (It rarely has any business in any properly designed stylesheet.)

Glad we got to the bottom of it. Thanks!

Topic		Replies	Views
How to customize login page and learner's dashboard using indigo theme Site Operations Help how-to , tutor	21	1969	March 8, 2024
Where did i find _override.scss in indigo theme that is applyed in authn mfe? Tutor Help how-to , tutor , tutor-indigo , quince	4	215	March 13, 2024
How to use @edx/brand in local development and production Design tutor , mfe , redwood	14	969	August 6, 2025
Applying @edx/brand changes succesfully Design	13	478	October 8, 2024
Can't deploy changes in tutor dev to tutor local in production Tutor Help	5	254	September 25, 2024

Branding authn with indigo in a frontend-base world

Related topics