[UserScript] Just another lemmy style inspired by some old subreddit styles

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.

kabe,
@kabe@lemmy.world avatar

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,

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, (edited )
@kabe@lemmy.world avatar

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,

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, (edited )
@kabe@lemmy.world avatar

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.

kabe, (edited )
@kabe@lemmy.world avatar
  • 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.

  • All
  • Subscribed
  • Moderated
  • Favorites
  • plugins@sh.itjust.works
  • kavyap
  • thenastyranch
  • GTA5RPClips
  • tester
  • InstantRegret
  • DreamBathrooms
  • ngwrru68w68
  • magazineikmin
  • everett
  • Youngstown
  • mdbf
  • slotface
  • rosin
  • cisconetworking
  • megavids
  • khanakhh
  • normalnudes
  • osvaldo12
  • cubers
  • tacticalgear
  • Durango
  • ethstaker
  • modclub
  • anitta
  • provamag3
  • Leos
  • JUstTest
  • lostlight
  • All magazines