epitaqueJul 14, 2023

WIP Reddit CSS theme

https://lemmy.world/post/1487386

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 threadKabe

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.

Jul 15, 2023 at 1:37amWeb