Mastodawn

WIP Reddit CSS theme

WIP Reddit CSS theme - Lemmy.world

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 [https://github.com/epitaque/lemmy-reddit-theme]. 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?

Show thread

BrikoX Jul 14, 2023

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

mlmym

Show thread

epitaque Jul 14, 2023

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: strawpoll.com/kjn18WkedyQ

Which frontend do you use to access Lemmy? - Online Poll - StrawPoll.com

What's your opinion? Vote now: Lemmy-ui, default theme (Most lemmy instances use this, e.g. http://lemmy.world/), Memmy, Some other phone/tablet app, Some other web frontend, Mlmym....

StrawPoll

Show thread

fraydabson Jul 14, 2023

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

Show thread

nnrx Jul 15, 2023

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

Show thread

Kabe Jul 15, 2023

Check out this custom CSS from !@[email protected].

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

[UserScript] Just another lemmy style inspired by some old subreddit styles - Lemmy.world

- Link: https://github.com/lassekongo83/UserScripts/blob/main/lemmy/frellwits-lemmy-style.user.js [https://github.com/lassekongo83/UserScripts/blob/main/lemmy/frellwits-lemmy-style.user.js] - Install link: https://github.com/lassekongo83/UserScripts/raw/main/lemmy/frellwits-lemmy-style.user.js [https://github.com/lassekongo83/UserScripts/raw/main/lemmy/frellwits-lemmy-style.user.js] This is a style I primarily made for myself, but why not share it. It’s inspired by some of the old subreddit styles and the old youtube design. - Should work with litely and darkly plus compact variants. - 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). There still are some things I have to fix in the dark theme, like buttons and card headers for example.