odd
odd

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

|
Embed
Progress spinner
jsonbecker
jsonbecker

@odd what's not looking how you expected?

|
Embed
Progress spinner
odd
odd

@jsonbecker Hmm, this is how it looks in iOS on my iPhone: A screenshot of urly.party

|
Embed
Progress spinner
jsonbecker
jsonbecker

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

|
Embed
Progress spinner
odd
odd

@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
}

}
|
Embed
Progress spinner
odd
odd

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

screenshot of urly.party

@manton @sod

|
Embed
Progress spinner
sod
sod

@odd 🎉 Sorry I missed this yesterday, but I'm glad you solved it. 😊

|
Embed
Progress spinner