Open edX responsive theme using Bootstrap, based on the IONISx edx-theme
The theme currently contains Less files and Sass files. The Less files don't match with their compiled versions, and the theme won't work properly if you rebuild them (this needs to be fixed).
So for now, what you need to do is:
- Install sassc if you don't have it already (on Mac, if you use Homebrew, just type
brew install sassc
). - Edit the Sass files only (in
src/sass/
) - Compile the Sass files using
sassc -m src/sass/upian.scss lms/static/css/rue89.css
- Clone this repo into the existing "themes" folder on your host computer (usually this is a
subfolder of your devstack folder). Then rename this folder from
rue89-theme
torue89
(important). - Start your devstack, and in
~/lms.env.json
, find theFEATURES
section and set"ENABLE_COMPREHENSIVE_THEMING": true
, find the"DEFAULT_SITE_THEME"
setting and set it to"rue89"
, and add"/edx/app/edxapp/themes"
to the list ofCOMPREHENSIVE_THEME_DIRS
.
As said earlier, do not run npm install
nor bower install
.
Just drop the files into /edx/edxapp/themes/rue89
using your deployment tools.
If you’re using Open edX’s configuration ansible playbooks, you’ll just need to set
edxapp_theme_source_repo: https://github.com/rue89-tech/edx-theme.git
edxapp_theme_version: your-tag
edxapp_theme_name: rue89
edxapp_use_custom_theme: true
See Open edX’s documentation on custom theming for more information.