Skip Navigation

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

6
6 comments
    • 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.

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

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

      • 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 😅

6 comments