Tutor indigo theme customization

[Vishal]

I have recently started working in OpenEdx and have no knowledge of it. Unitl now, i have successfully installed tutor 19.0.4 and enabled plugin indigo. Now i want to make changes in indigo theme and for that i visited lots of online documentation and also take help of chatgpt but no of them were helpful.
I request if anyone could guide me steps for how to add my customized code in tutor.
i had made changes by cloning indigo in my repository and making changes in the branch but those changes are not appearing.
i think i am doing something wrong while integrating it in tutor. Please give me step by step guidance how to succesfully load my branch directory .
i would be grateful for your help

[sarina (Sarina Canelake)]

@Vishal welcome!

I tagged your post with tutor-indigo which I’ve been told will get the attention of the Indigo maintainers. Let me know if you don’t hear back by next week.

[FlorianOver]

Here are the high-level steps:

• Clone Indigo
• Make changes
• make a local plugin index
• add the local plugin index to tutor
• activate the plugin
• rebuild the openedx docker container

If you have more questions with specific steps, just ask again.

Kind regards Florian

[vuthehuyht (Vũ Thế Huy)]

Hi @FlorianOver, could you please write detail instructions for customizing theme based on Indigio?

[sarina (Sarina Canelake)]

@sarina

I tagged your post with tutor-indigo which I’ve been told will get the attention of the Indigo maintainers. Let me know if you don’t hear back by next week.

Hi @regis I’ve been tagging posts with tutor-indigo as requested but I’m not actually getting any responses from the Indigo maintainers on these posts, is there a better way to get attention?

[joel.edwards]

Hi @vuthehuyht
If it helps, then this is the methodology that I’ve been using to update my logo images and favicon files.
It is a little bit of a chore to have to go and manually update when I’m upgrading to a new release, there’s probably a better way to do it. I haven’t gone too deep into customisation outside of the logos so your mileage may vary.

@joel.edwards

Steps:

1. login to your server via SSH
2. change directory to your plugins folder: cd $(tutor plugins printroot)
3. download a fork of indigo: git clone https://github.com/overhangio/tutor-indigo.git
4. make your modifications to the image files in the fork:
   a) $(tutor plugins printroot)/tutor-indigo/tutorindigo/templates/indigo/lms/static/images/{logo.png,favicon.ico}
   b) $(tutor plugins printroot)/tutor-indigo/tutorindigo/templates/indigo/cms/static/images/{studio-logo.png,favicon.ico}
5. from your plugins root directory, run pip install -e ./tutor-indigo to install your modified clone into your Python
6. enable the plugin and rebuild:
   a) tutor plugins enable indigo
   b) tutor config save
   c) tutor images build openedx --no-cache (no-cache switch isn’t always needed but I tend to use it anyway)
   d) restart your server instance: tutor local stop && tutor local start -d
7. finally, enable your theme: tutor local do settheme indigo

[regis (Régis Behmo)]

@sarina

Hi @regis I’ve been tagging posts with tutor-indigo as requested but I’m not actually getting any responses from the Indigo maintainers on these posts, is there a better way to get attention?

Let me work with the team on that… I think they were not properly monitoring these topics (and there are many topics to keep track of).

In the meantime, the people that you should tag are the Indigo maintainers: @Ahmed_Khalid and @HammadYousaf01 .They will have the most context about Indigo.