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.worldOPEnglish
    1·
    3 months ago

    Seems it half-works? Sort of? The code editor panes don’t change dynamically; you have to reload and then whatever the setting is is locked in from then on.

    And it seems the first time you change the device’s dark mode, the preview pane also stays locked. But changing it more after that unlocks it. Very weird…

    I did notice the “AI chat” link at the top would get locked up, but just the text or something? That seems to have disappeared now anyway though.

    • perchance@lemmy.worldMEnglish
      1·
      3 months ago

      Oh yeah it unfortunately currently does require a reload if you change device dark/light setting, if that’s what you mean. I’m going to overhaul the interface when I upgrade to codemirror 6, though that could be a while because scaling the AI stuff is taking all my time at the moment