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 :/
Maybe it's cached... have you tried in incognito or force reload? If not, maybe try manually deleting the nginx cache if you set up Lemmy with nginx.
I think you're right, as the entry is gone as of this morning. I was force refreshing, and I even restarted the docker-compose stack (thinking that would clear anything), but it still persisted. I'll have to look into the nginx cache. Thanks for chiming in!