I’m trying to add a modified css for lemmy-ui to my self-hosted instance running on Docker. I’m following this guide but the custom theme is just showing up as litely. Steps taken:

  • Went to bootstrap.build, made the necessary edits.
  • Exported the bootstrap.min.css as well as the _variables.scss
  • Renamed them to theme-name.css and _variables.theme-name.scss
  • Do the necessary bind mounts so lemmy-ui can access the files. Can confirm the files are correct and appear within the container.
  • From lemmy web ui, select from drop down the theme called theme-name (it shows up with the right name and all).
  • Press Save, but theme is just litely.
  • Use dev tools on browser and can confirm theme-name.css is just the litely css. cat theme-name.css within the container is showing the right content.
  • LEMMY_UI_EXTRA_THEMES_FOLDER is set correctly since the option for theme-name is showing up, it’s just loading litely instead.

Not sure what I’m doing wrong here :/