Lemmy

2172 readers

1 users here now

Everything about Lemmy; bugs, gripes, praises, and advocacy.

For discussion about the lemmy.ml instance, go to [email protected].

founded 4 years ago

MODERATORS

[email protected]

Catppuccin Macchiato theme for Lemmy (gist.github.com)

submitted 1 year ago by [email protected] to c/[email protected]

15 comments fedilink hide all child comments

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

you are viewing a single comment's thread
view the rest of the comments

[–] [email protected] 1 points 1 year ago (1 children)

Hi, the themes only take one file, so the extra_themes directory just directly contains CSS files. Make sure to include the .css extension, otherwise they won't get picked up

When I first tried, I did something like extra_themes/catppuccin-macchiato/bootstrap.min.css, that's not valid, it's extra_themes/catppuccin-macchiato.css

[–] [email protected] 0 points 1 year ago (1 children)

Thanks for your quick reply.

Where exactly does the extra_themes volume 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.

[–] [email protected] 1 points 1 year ago (1 children)

I'm not sure. I don't use the container. I believe the extra_themes folder should be inside of the lemmy-ui folder

[–] [email protected] 1 points 1 year ago

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!