Instantly share code, notes, and snippets.

Embed
What would you like to do?
Dark cactus theme v1.15 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.
nav.main-nav a,
nav.main-nav a.cta,
a,
strong,
#title,
#post-list a:hover,
#post-list li:hover .dates,
#title:hover,
p a {
color: #5babf0;
}
nav.main-nav a.cta {
background-color: #5babf0;
color: #333;
}
body,
nav.main-nav {
background-color: #24292e;
color: #d7dce0;
}
.profile h1,
.profile h2,
.profile h3,
.post h1,
.post h2,
.post h3,
.post h4,
.post h5,
.post h6,
#post-list a,
#post-meta div span.dark {
color: #d5d5d5;
}
#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+li {
border-top: 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 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;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment