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 :/
Thank you SO much. There were a lot of blanks to fill in with the doc page. I was putting the theme files in subfolders rather than renaming (though I suspected that was my issue). Then it says to use v4 themes, and those KIND of worked, but kind of not. v5 seems good so far. Still a bit more to figure out, but you've been incredibly helpful!