Tutor indigo theme customization

Hi @vuthehuyht and @Vishal
I managed to come up with something that you maybe find useful, please feel free to download/use/modify this to your heart’s content :slight_smile:
custom-indigo-branding.zip (16.3 KB)

Instructions:

  1. Start off with a default tutor-indigo.
  • If you’ve been using a fork, uninstall it.
  • Re-install the official version if needed:
tutor plugins install indigo
tutor plugins enable indigo
  1. Copy your custom-indigo-branding plugin into Tutor’s plugin directory:
~/.local/share/tutor-plugins/custom-indigo-branding
  1. Install the Python package in editable mode:
pip install -e ~/.local/share/tutor-plugins/custom-indigo-branding
  1. Verify Tutor sees it:
tutor plugins list

You should see custom_indigo_branding.

  1. Add or replace any files you want to override under:
custom-indigo-branding/custom_indigo_branding/templates/indigo/{lms,cms}/...

Make sure the paths mirror Indigo’s originals.

  1. Enable the plugin:
tutor plugins enable custom_indigo_branding
  1. Rebuild Open edX and restart:
tutor config save
tutor images build openedx
tutor local stop && tutor local start -d

Your new assets will now be copied into:

~/.local/share/tutor/env/build/openedx/themes/indigo/{lms,cms}/.../
  1. To update files in the future, just drop in new files in your plugin’s templates/indigo/... folder, then run:
tutor config save
tutor images build openedx
tutor local stop && tutor local start -d

With this method, you can keep using and upgrading the latest tutor-indigo, while your custombranding plugin (thanks to priority=HIGH in plugin.py) always ensures your files win over Indigo’s defaults.

2 Likes