How to compile Sass in tutor?

I’m trying to change the primary color of the edx platform. I’ve followed the theming guide and imported the red-theme. Everything up to that point works fine.
I’d like to however change the primary color of the red-theme using sass as defined here: https://github.com/edx/edx-platform/blob/master/themes/red-theme/lms/static/sass/partials/lms/theme/_variables.scss. Beyond adding the sass files within the theme folder I don’t know how to go about compiling it within tutor. How can I use sass to modify the theme?

Hi @william! I’m not sure I understand: did you already try to modify the _variables.scss theme that you installed in the themes directory? Your changes should be picked up automatically in development mode, provided you run tutor dev watchthemes. And in production, you should rebuild the openedx docker image, as described here: https://docs.tutor.overhang.io/configuration.html#adding-custom-themes

I was able to get it to work by following your instructions. Much appreciated!!

1 Like