Micro Guide: Changing the default colors of the Micro.blog Marfa theme

I switched my theme for this microblog to Marfa.

Marfa is a new theme for Micro.blog hosted websites. I really like the theme but wanted to give it a small personal touch by changing the default color for links.

Changing the defaults (light red/pink-ish) is quite easy. Using the edit CSS functionality of Micro.blog you can overwrite the default colors by pasting the code above and change the colors to your liking.

nav.main-nav a.cta {
	background: #fff;
	color: #ee4792;
	border: 2px solid #fcdae9;
}

nav.main-nav a.cta:hover {
	background: #fcdae9;
	color: #ee4792;
}

nav.main-nav a, #footer a, #post-nav a, p a{
   box-shadow: inset 0 -2px 0 #fcdae9;
}

nav.main-nav a:hover, #footer a:hover, #post-nav a:hover, p a:hover {
	box-shadow: inset 0 -25px 0 #fcdae9;
}

#fcdae9 is for underline and shading of the links. The #ee4792 color is for the “Also on Micro.blog” text in the upper right button.

Roel Willems @roelwillems