We can put CSS in our generators that works with the user’s dark mode setting on their device. But it would be great if that was built-in to the default styles. Doesn’t have to be anything fancy, this would do for a start:

@media (prefers-color-scheme: dark) {
  body {
    background-color: #000;
    color: #aaa;
  }
}

It seems some of the templates may override such styles and make the body white and such anyway. So maybe that’s something to look into as well.

  • wthit56@lemmy.worldOP
    link
    fedilink
    English
    arrow-up
    1
    ·
    3 months ago

    I just noticed that in the generator I’m working on, which has no styles in its HTML for the page background… it actually does respond to dark mode. Sort of. The background goes dark at least, but the text does not become light.

    Unclear exactly where that’s coming from though. If that part could be improved a little, then it might just be fine as-is. And it could be considered for the commonly used templates to have dark mode improvements made.