Skip Navigation
Lemmy Support @lemmy.ml Eddie @lemmy.lucitt.social

How to edit HTML/CSS on my own instance?

Hello world!

Was wondering if there was a way to edit the CSS/HTML of my lemmy instance. It's my own personal instance, so I'd love to add links that would help me get around easier and really make my instance my own.

I have access to the entire server, and I know a fair bit about navigating debian and editing files and all that. I'm still a bit of a noob though and do not know where the header/footer/css/files are stored on my live instance.

Any help would be greatly appreciated. Thank you in advance!

2
2 comments
  • You can upload your own CSS files to a directory of your server to make them available as themes: https://join-lemmy.org/docs/administration/theming.html

    Additionally, lemmy-ui has a flag called LEMMY_UI_CUSTOM_HTML_HEADER which I assume allows you to add a JS script to be executed on page load, which you could use to modify the HTML after the fact.

    To modify the HTML in a more proper way, you'd have to pull the lemmy-ui project (https://github.com/LemmyNet/lemmy-ui), make your changes and then build your own docker container with it.

    • Thank you! Exactly what I was looking for.

      Well, time to start teaching myself how to create a docker container. Forking will be no issue, but creating the container will be completely new grounds for me. Thanks for the new project idea!