The whole flow is:
To implement the Indigo theme, few HTML templates and sass stylings have been customized to give Open edX a new look. For MFEs styling, improvements have been made using the brand-openedx package and included the indigo brand-openedx
published package in the tutor-indigo plugin for being a part of MFEs. A config variable ENABLE_DARK_THEME has been added to the dark theme for the indigo plugin.
Behind the scenes, when this config variable is enabled, a class named indigo-dark-theme is added to the body tag of HTML templates. If the config variable is enabled, the -theme=dark are being passed as parameter to the npm install the indigo-brand-openedx package. When the --theme=dark parameter is passed, it copies dark theme files in the indigo-brand-openedx package to the main package using post npm install.
Adding Dark theme for the following:
Discover Page
The whole flow is: To implement the Indigo theme, few HTML templates and sass stylings have been customized to give Open edX a new look. For MFEs styling, improvements have been made using the brand-openedx package and included the indigo brand-openedx published package in the tutor-indigo plugin for being a part of MFEs. A config variable
ENABLE_DARK_THEME
has been added to the dark theme for the indigo plugin. Behind the scenes, when this config variable is enabled, a class namedindigo-dark-theme
is added to the body tag of HTML templates. If the config variable is enabled, the-theme=dark
are being passed as parameter to the npm install the indigo-brand-openedx package. When the--theme=dark
parameter is passed, it copies dark theme files in the indigo-brand-openedx package to the main package using post npm install.