@sod @manton I am out of my league here, on www.urly.party , I’ve set .site-title and h1-h6 to white text in Dark-Mode, and it renders right in the preview window on the Additional CSS in Design on Micro.Blog, but, probably because it’s also a link (that automatically is set to “visited”, it is #333 I believe). Any suggestions much appreciated.

@odd what’s not looking how you expected?

@jsonbecker Hmm, this is how it looks in iOS on my iPhone:

@odd not here. That’s the hover state but I don’t see it that way here.

@jsonbecker Strange. I’m using the Ink Theme by the way. Here’s my CSS:

   color: black;
}
.site-description{
   color: black;
}
a{
   color: blue;
}
a:hover, a:active{
   color: red;
}

@media (prefers-color-scheme: dark) {
  /* Overrides for Dark Mode. */
  html, body, h1, h2, h3, h4, h5, h6, .site-title, .site-description{
  color: white;
  background-color: black;
}
a{
   color: DodgerBlue;
}
a:hover, a:active{
   color: OrangeRed
}

}

@odd @jsonbecker Problem solved, but not optimally, by setting a:visited to black in Light Mode and to white in Dark Mode.

@manton @sod