Making Micro.blog more colorful

An artist paints a colorful cityscape on a large canvas outdoors, with a table holding various painting supplies nearby.
Street painter outside The Royal Dramatic Theatre in Stockholm.

I’ve put together a Micro.blog Color Palettes page to go along with the Micro.blog Styles collection.

You don’t have to use Micro.blog to enjoy the palettes, of course. Just rename the variables to match your own theme (you might need to do that even if you’re on Micro.blog). I’m currently using the mnml theme with the Swedish Sunshine palette.

Each palette comes with styles for both light and dark mode. To use one in your Micro.blog setup, just go to Design → Edit CSS and paste it in like this:

/* Swedish Sunshine */

:root {
  --background: #FFFFFF;
  --text: #333333;
  --link: #007ACC;
  --link-hover: #005C9F;
  --accent-1: #F0F0F0;
  --accent-2: #FFCD00;
}

@media (prefers-color-scheme: dark) {
  :root {
    --background: #1F2833;
    --text: #E0E0E0;
    --link: #FDD202;
    --link-hover: #FFED8F;
    --accent-1: #2A3B4D;
    --accent-2: #005C9F;
  }
}

More palettes are on the way — so stay tuned, and have fun experimenting!

Posts