38
WIP Reddit CSS theme (lemmy.world)
submitted 1 year ago by epitaque@lemmy.world to c/general@lemmy.world
9 comments fedilink hide all child comments

Hey all! So lemmy-ui actually supports custom themes, i.e. Instance owners can drag and drop a css file into an extra_themes folder. I noticed a reddit theme did not exist (at the time of writing), so I've begun working on one. I'm gonna keep working on it, but I always like to take a step back and ponder if this is even a good idea. The reason I'm doubting myself is, I can't change the layout so I'm resorting to writing some pretty awful css. i.e.:

  • there's a couple dropdowns, that I have to convert to not-dropdowns
  • I'm using the :has css selector, which is supported in chrome but behind a flag in firefox
  • some elements that I need to style do not have class names so I have to use super long selectors, like an adblocker filter almost

Is there a better way to do this? Is anyone else working on this?

top 5 comments
sorted by: hot top controversial new old
[-] BrikoX@lemmy.zip 8 points 1 year ago

There is https://mlmym.org frontend which uses old.reddit.com layout.

[-] epitaque@lemmy.world 7 points 1 year ago

That might be the way to go. The only disadvantage is, it's on another site. I am interested to know what people are using in general to access Lemmy. If people reading this thread could vote on this poll, that'd be nice: https://strawpoll.com/kjn18WkedyQ

[-] fraydabson@sopuli.xyz 4 points 1 year ago

I voted. I used Memmy the most since I mostly do social networking type stuff on my phone or iPad.

When I am on my desktop though I have been trying out different layouts. Not many desktop options so I have been going back and forth between the standard lemmy-ui and mlmym.org

[-] kabe@lemmy.world 5 points 1 year ago* (last edited 1 year ago)

Check out this custom CSS from /u/frellwit@lemmy.world.

https://lemmy.world/post/1376086

Not only does it make Lemmy look much better on desktop without turning it into a Reddit clone, it adds some subtle but very cool little features:

  • Uses rounded thumbnails to external links.
  • Uses square thumbnails to internal images.
  • Colored proprietary social media thumbs with their brand colors. (So you don't accidentally click on a youtube link for example).
[-] nnrx@lemmy.ca 1 points 1 year ago

Great work so far! That doesn't sound easy.

load more comments
view more: next ›
this post was submitted on 14 Jul 2023
38 points (93.2% liked)

General Discussion

12038 readers
232 users here now

Welcome to Lemmy.World General!

This is a community for general discussion where you can get your bearings in the fediverse. Discuss topics & ask questions that don't seem to fit in any other community, or don't have an active community yet.

🪆 About Lemmy World

🧭 Finding CommunitiesFeel free to ask here or over in: !lemmy411@lemmy.ca!

Also keep an eye on:

For more involved tools to find communities to join: check out Lemmyverse!

💬 Additional Discussion Focused Communities:

Rules

Remember, Lemmy World rules also apply here.0. See: Rules for Users.

  1. No bigotry: including racism, sexism, homophobia, transphobia, or xenophobia.
  2. Be respectful. Everyone should feel welcome here.
  3. Be thoughtful and helpful: even with ‘silly’ questions. The world won’t be made better by dismissive comments to others on Lemmy.
  4. Link posts should include some context/opinion in the body text when the title is unaltered, or be titled to encourage discussion.
  5. Posts concerning other instances' activity/decisions are better suited to !fediverse@lemmy.world or !lemmydrama@lemmy.world communities.
  6. No Ads/Spamming.
  7. No NSFW content.

founded 1 year ago
MODERATORS
Jessica@lemmy.world
ElectroVagrant@lemmy.world
fubo@lemmy.world