Changing Link Colors for the mnml Theme

Sunday, October 27, 2024

Since this question will likely come sooner or later…

When I was developing mnml, I wanted to give users the ability to set their own link colors for both light and dark modes. However, in my testing, there were challenges that would have caused colors a user set to get overwritten if I needed to release an update. So, another approach was needed.

If you end up using mnml yourself and want to change link colors, here’s how you do it…

In your Micro.blog custom CSS settings, add the following CSS snippet, adjusting the hex colors as you like. This example gets you a nice magenta color for both light and dark modes.

:root {
  --link: #ee4692;
}
@media (prefers-color-scheme: dark) {
  :root {
    --link: #ee4692;
  }
}

This lets you keep your preferred colors and lets me enhance the theme without suddenly surprising you. Win-win.

#Posts