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

4 readers
1 users here now

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

founded 2 years ago
MODERATORS
1
 
 

Hey everyone. Im using the winternord theme, but I'd like to theme it slightly. I already managed to change some stuff through the inspector as a test, but I would like to be able to share it and also make it persistent.

I've downloaded the winternord.css file but how can I go about applying it to my instance? It says I'm not allowed to load a local file as a stylesheet if I replace the style link tag from the inspector.

2
 
 

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.

3
 
 
4
 
 

software: Stylus (firefox addon)

theme-repo: 2xx04/lemmy-ui-themes

5
7
Iteration (sopuli.xyz)
submitted 2 years ago* (last edited 2 years ago) by _ed@sopuli.xyz to c/lemmyui@lemmy.ml
 
 

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.

6
 
 

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?)

7
 
 

software: Stylus (firefox addon)

theme-repo: 2xx04/lemmy-ui-themes