26
[UserScript] Just another lemmy style inspired by some old subreddit styles (lemmy.world)
submitted 2 years ago* (last edited 2 years ago) by Frellwit@lemmy.world to c/plugins@sh.itjust.works
6 comments fedilink hide all child comments

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.

top 6 comments
sorted by: hot top controversial new old
[-] kabe@lemmy.world 3 points 2 years ago* (last edited 2 years ago)
  • 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).

This is genius.

[-] kabe@lemmy.world 1 points 2 years ago

By the way, have you noticed the problem with hover mouse events over links on dark mode?

They disappear: picture of black link on black background

I've tried to fix it by sadly my CSS skills aren't up to the task.

[-] Frellwit@lemmy.world 2 points 2 years ago* (last edited 2 years ago)

They turn white for me (or green for sticky posts). However, there may be some combination of dark mode and theme setting that I've overlooked. The #app id should have the attribute data-bs-theme="dark" if you use darkly. If your entire system use dark mode it should also work by default if your system tells your browser that you prefer dark themes. (But data-bs-theme will still be set to light unless one go to the settings and change the theme to darkly.)

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

Aha, that was it - I forgot that I had set my Lemmy theme to litely and was relying on the Dark Reader FF extension to automatically switch between night and day with Gnome.

Switching Lemmy to darkly makes your theme display correctly. Now I just have to figure out a different way to get automatic day/night theme working properly ๐Ÿ˜…

[-] Frellwit@lemmy.world 2 points 2 years ago* (last edited 2 years ago)

If you are on Linux you should be able to create a shell script that change your system color to dark or light depending on the time. On gnome there may even be some extension that do that already.

If you use Windows there may also be options to do the same with task scheduler.

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

Yeah, on Gnome there is a shell extension that automatically switches between light and dark system themes at a predefined time. The only problem is getting Lemmy to follow suit.

I'll try the Browser Default setting again and see if that works this time ๐Ÿ‘

EDIT: It does. I'm an idiot.

this post was submitted on 12 Jul 2023
26 points (100.0% liked)

Lemmy Plugins and Userscripts

2011 readers
1 users here now

A general repository for user scripts and plugins used to enhance the Lemmy browsing experience.

Post (or cross-post) your favorite Lemmy enhancements here!

General posting suggestions:

Thanks!

founded 2 years ago
MODERATORS
god@sh.itjust.works
mershed_perderders@sh.itjust.works
mershed_perderders@lemm.ee