Catppuccin Macchiato theme for Lemmy
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
https://gist.github.com/n3oney/21716419d84a1c777910327f404231fdOpen linkView original on lemmy.neoney.dev
Sweet. Do you plan on making the others flavors and suggest it to be added to other Catppuccin ports ? (Would doubt as i think it's more of a personal one, but still asking)
update: I've figured out a build process for this. I pretty much only need to copy the colors for each variant now (Latte, Frappé, Macchiato, Mocha) into scss, create helper files that alias the $primary variable to a color, and then generate the combinations of them.
And then make some script that just builds all.
I've added catppuccin macchiato rosewater to my instance. Seems to work fine.
I would be willing to give my findings for someone to maintain. I can’t really be bothered with maintaining all the…56? combinations
Maybe if I figure out a script to compile them automatically, that could be done.
Coming soon to a GitHub repository near you... :P
Whoopsie https://github.com/LemmyNet/lemmy/issues/3166
NIce! Looks like Nord colors, is that the palette you used?
No, it's catppuccin
Oh thanks, dark colors look similar tho: https://www.nordtheme.com/docs/colors-and-palettes
They kind of do, but I feel like there's a bit more life in catppuccin than nord. Nord feels cold and dead to me
Hi! I was trying to install some themes, including this one on my instance. I added
extra_themeswith the CSS files in volumes/lemmy-ui/extra_themes, and then added that volume to the lemmy-ui container mapping it to/app/assets/css/extra_themes. When I bring the container back up, the new themes are not available in settings, even though they are on the container file system. What am I missing?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!