Lemmy UI | Theming, UX, UI, CSS, Bootstrap V4.
  • ier
  • um ano
I’m taking a break.
I'm pretty happy with the theme I have now. It's personal and "proprietary software", I won't be sharing this one cool thing I have :> but, I'm sure you all can theme stuff yourself and tweak it to your liking. a few days ago when i first started, what I did basically was a bit messy and hacky. I couldn't find the CSS classes (I didn't look close enough between the lines) so I just kind of went off and copy a lot of CSS paths and then combine the base theme and the junk i've written. that's why the previous themes aren't install-able directly through the Stylus browser addon. you had to pick the base theme from the settings. Then I learnt a bit about bootstrap. and how it works. but it doesn't matter if you're theming lemmy. bootstrap CSS basically manages columns, divs, and such, with classes. in our case we just want to modify their shape, colors and borders. Some classes are missing in lemmy-ui that needs to fall into place so there aren't seemingly missing elements, and generally easier to theme. i'll probably work on that in my free time. but of course, no promises. one other thing if I've done that, I wanna write a documentation on lemmy's css. I think most fediverse platforms need this (e.g. peertube) explaining the CSS. I had to figure it out which-affects-what using browser tools and it was tedious. Often times I miss some button colors that are more hidden. If I do it It's gonna take a lot of time and effort. But.. I could write it just little by little. I probably don't wanna do it alone, I'll be glad if someone wants to give me a hand. So anyway, That's the plan at least. I'm gonna take care of my health and a lot of things I want to do, so, see you later.

![](https://lemmy.ml/pictrs/image/0d72610e-cadd-4dae-8b0b-74fe8c7ecc24.png) software: [Stylus](https://addons.mozilla.org/en-US/firefox/addon/styl-us/) (firefox addon) theme-repo: [2xx04/lemmy-ui-themes](https://github.com/2xx04/lemmy-ui-themes)

Stylus is pretty neat for rapid mockups. Personally I like the default themes as starter themes, but here's a quick mockup/iteration on minty-bubble (tightening things up a smidge) Nice work pushing things in this area ier.

I see the theme list under settings, but I don't see how to use one besides the built-in ones. Is it possible? (Or can one only use custom themes on their own instance?)

![](https://lemmy.ml/pictrs/image/bc7029db-8de2-48f4-8cd6-f3be437f68d2.png) ![](https://lemmy.ml/pictrs/image/b0104001-1f81-4cd0-84f5-f551143d08aa.png) software: [Stylus](https://addons.mozilla.org/en-US/firefox/addon/styl-us/) (firefox addon) theme-repo: [2xx04/lemmy-ui-themes](https://github.com/2xx04/lemmy-ui-themes)

Lemmy UI | Theming, UX, UI, CSS, Bootstrap V4.
    Create a post

    We theme a lot. Because. Why not. It’s aesthetic.

    • 0 users online
    • 1 user / day
    • 1 user / week
    • 1 user / month
    • 1 user / 6 months
    • 2 subscribers
    • 6 Posts
    • Modlog
    A community of privacy and FOSS enthusiasts, run by Lemmy’s developers

    What is Lemmy.ml


    1. No bigotry - including racism, sexism, ableism, homophobia, transphobia, or xenophobia. Code of Conduct.
    2. Be respectful. Everyone should feel welcome here.
    3. No porn.
    4. No Ads / Spamming.

    Feel free to ask questions over in: