Dark cactus theme v1.21 for micro.blog. Add this custom CSS code to your page if you are using the "Cactus" theme on micro.blog and you want to invert the colors on screen.

cactus-dark.css

nav.main-nav a,
nav.main-nav a.cta,
a,
strong,
#title,
#post-list a:hover,
#post-list li:hover .dates,
#title:hover,
a, p a, #post-list.archive.readmore a {
    color: #00b6e5; /* #5babf0; */
}

i:hover {
    color: #00b6e5;
}

nav.main-nav a.cta, code {
    background-color: #00b6e5;
    color: #333;
}

body,
nav.main-nav {
    background-color: #24292e;
    color: #d7dce0;
}

.profile h1,
.post h1,
#post-list a,
#post-list h1,
#post-meta div span.dark {
    color: #d5d5d5;
}

#post-list h1,
.profile h2,
.profile h3,
.post h2,
.post h3,
.post h4,
.post h5,
.post h6,
#post-list h2,
#post-list h3,
#post-body h1,
#post-body h2,
#post-body h3 {
    color: #888;
}

#post-meta {
    border-top: 1px solid #31353b;
    border-bottom: 1px solid #31353b;
}

.profile #header {
    border-bottom: 1px solid #31353b;
}

#footer {
    box-shadow: inset 0 1px 0 #31353b;
}

#post-meta img.avatar {
    box-shadow: 0 0 0 3px #31353b, 0 0 0 4px #444;
}

#post-list li, #archive-list li {
    border-top: 1px solid #31353b;
}

#post-list li+li {
    border-top: 1px solid #31353b;
}

#post-list li:last-child {
    border-bottom: 1px solid #31353b;
}

nav.main-nav {
    line-height: 1.75em;
}

#newfooter {
    box-shadow: inset 0 1px 0 #31353b;
    padding: 40px 0 0 0;
    margin-top: 100px;
}

@media screen and (max-width: 540px) {
    #newfooter {
        margin-top: 60px;
    }
}


/* THE FOLLOWING CODE IS OPTIONAL */
/* ------------------------------ */


/* Disable the built-in footer of Cactus */

#footer {
    box-shadow: none;
}

/* #footer p {
    display: none;
} */


/* Enables the inline highlight code without Rouge */

code.highlighter-rouge {
    font-family: "Menlo", "Monaco", "Courier New", "Courier", "monospace";
    background-color: #3e444b;
    padding: 2px 8px;
    margin: 0 0.15em;
}