Skip Navigation
Lemmy Support @lemmy.ml awiteb @lemmy.4rs.nl

[Solved] How to use extra_theme folder?

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

5
5 comments
  • 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

    • 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?

      • 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.