Hello everyone, I didn’t really like the darkly lemmy theme, so I’ve decided to port Catppuccin Macchiato Pink. You should be able to see it in action by going to my instance, as I’ve set it to be the default there.
I’ve shared both the final CSS that you can use as a custom theme if you’re an instance owner and as a theme for the https://github.com/openstyles/stylus extension, and the _variables.scss file if you want to modify something using https://bootstrap.build
https://gist.github.com/n3oney/21716419d84a1c777910327f404231fd
Hi, the themes only take one file, so the
extra_themesdirectory just directly contains CSS files. Make sure to include the .css extension, otherwise they won’t get picked upWhen I first tried, I did something like
extra_themes/catppuccin-macchiato/bootstrap.min.css, that’s not valid, it’sextra_themes/catppuccin-macchiato.cssThanks for your quick reply.
Where exactly does the
extra_themesvolume need to end up inside the container? Does it belong in/app/assets/css/extra_themes? That is where I dropped the CSS files but they were not picked up.I’m not sure. I don’t use the container. I believe the extra_themes folder should be inside of the lemmy-ui folder
OK, thanks. I’ll keep poking around when I get some more time and see if I can figure it out. Your theme looks great, by the way!
Thank you! If you don’t want to be looking for the folder, you can specify a custom one using the
LEMMY_UI_EXTRA_THEMES_FOLDERenvironment variable, but it’s currently broken and waiting for the fix by yours truly to be merged.In the meantime, you can use the CSS in an extension like stylus! I do that to have it on lemmy.ml and lemmy.world