Lemmy UI | Theming, UX, UI, CSS, Bootstrap V4.
!lemmyui
help-circle
rss
  • ier
  • 3M
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.

7

  • ier
  • 3M
![](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)
13

Iteration
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.
fedilink
7

cross-posted from: https://lemmy.ml/post/219601 > Hi, i wanna create new UI for Lemmy federations, but i have big problems with an understanding of linux system. > > I made a small improved version, but in my opinion it is not convenient and beautiful enough. Nevertheless, I have already made a pull request to add this css to the list of topics. > > Perhaps there are people here who will help me edit the original Lemmy-UI and install it on my VDS so that I can continue development. > > The main changes that I need to make for further development are described here: https://github.com/LemmyNet/lemmy-ui/issues/610 > > Of course, I tried to make a fork and edit it myself, but I just don't understand how to implement this into the docker/ansible installation. I meet a lot of mistakes and misunderstandings of the system design on the way (I'm talking about myself ignorance in this matter). > > That's why I'm looking for outside help, maybe someone has free time to improve Lemmy for the whole community, it would also be cool if you understood any Slavic language.
fedilink

how to use custom themes on lemmy.ml?
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?)

  • ier
  • 3M
![](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)
17

Lemmy UI | Theming, UX, UI, CSS, Bootstrap V4.
!lemmyui

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

    • 0 users online
    • 2 users / day
    • 1 user / week
    • 1 user / month
    • 13 users / 6 months
    • 31 subscribers
    • 8 Posts
    • 21 Comments
    • Modlog