Lemmy Support

4651 readers

24 users here now

Support / questions about Lemmy.

Matrix Space: #lemmy-space

founded 5 years ago

MODERATORS

[email protected]

[Solved] How to use extra_theme folder? (lemmy.4rs.nl)

submitted 2 months ago* (last edited 2 months ago) by [email protected] to c/[email protected]

5 comments fedilink hide all child comments

New Lemmy admin here. I found the Theming Guide in the Lemmy docs, but it jumps directly to the 'After a theme is added' section without explaining how to add or create themes. I've searched for examples but couldn't find any configuration that includes these details.

I found hanubeki-lemmy-themes, which actually contains some good themes. However, when I copied the 5 folder to my extra_theme folder, nothing happened. Can someone guide me on how to add these themes to my instance?

Update: You should put all your css file in the extra_themes folder, each .css is a theme. For hanubeki-lemmy-themes I put all the dist and src files in extra_themes and it works. I already done this before, but my browser was [caching lemmy-ui static files for 24 hours], so when I delete the cache it just works.

Thank you Sami, it was a cash problem, I updated the post with more details

top 5 comments

sorted by: hot top controversial new old

[–] [email protected] 2 points 2 months ago (1 children)

You need to put the .css file directly into the extra_theme folder. As for documentation and how to make them I didn't find much myself so I did some trial and error with another person's custom theme. I've got some commented stuff at the bottom of our instance's theme if that's of any help.

https://lemmy.zip/css/themes/folded-v5.css

[–] [email protected] 1 points 2 months ago (1 children)

I tried putting all the css files, but nothing works. Should I put them together in one file? Or is each file a single theme?

I set the LEMMY_UI_EXTRA_THEMES_FOLDER environment variable to /app/extra_themes then volume my extra_theme to it, which is

# ...
volumes:
      - ./lemmy-ui/extra_themes:/app/extra_themes
# ...

Is this right?

[–] [email protected] 3 points 2 months ago (2 children)

That looks correct to me. Try doing a Ctrl+F5 on the theme selection page in settings for it to show up in the dropdown if you haven't done that.

[–] [email protected] 2 points 2 months ago

Thanks Sami, it was a cache issue, I've updated the post with more details

[–] [email protected] 1 points 2 months ago

I'll try that, hope it works, thank you