Light Mode Support

[Tamnac]

Currently the extensions seems to be focused on dark mode, resulting in very weird and impossible to read looks when using a light theme.

You can change the background color in settings, however manually changing that twice a day is bothersome, and that still leaves broken, illegible text.

Examples:

Light mode with dark background

Light mode with light background

[heavyboots]

For anyone changing this color a lot, I find "Navajo White" aka #FFDEAD to be both quite usable and memorable.

[vmavromatis]

Actually something weird on my setup (I doubt anyone else is using this)... I have this flag on chrome://flags/#enable-force-dark always. So using #FFDEAD this is what I see:

need to find a color which is usable for both light/dark theme and ideally also working for users with the chrome dark flag on... If no solution is found, I will stop using the flag and sacrifice myself for the greater good 🤷

[heavyboots]

Yeah it definitely works better on light themes. I think the only way we're ever going to see this work correctly is by having a separate default for light and dark themes. Since Lemmy can apparently detect what your browser is using and match it, I would think there must be some way to get that info and pick a selection color based on it. 🤔

[vmavromatis]

maybe with this

[vmavromatis]

I found a way to set the color based on theme selection, but seems it keeps getting overriden by localStorage

//Default bg color based on theme selection
if(document.getElementById("app").getAttribute("data-bs-theme")==="light"){
    var defaultTheme = "#FFDEAD"
  } else {
    defaultTheme = "#373737"
}

Maybe @InfinibyteF4 can do his magic ✨

Edit: fixed and opened a PR. @heavyboots if you wanna test try that with Tampermonkey or sth. Leaving the color field empty sets a default color which differs between dark/light.