feat: add dark theme for LMS pages and MFEs #95
Merged
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
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 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.