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 :/
Do you have any idea how to uninstall a theme? I installed one css file incorrectly, and then later deleted it. It’s still showing up in my theme list though. Any ideas?
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!