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 fortheme-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!