Skip to content

Instantly share code, notes, and snippets.

@fmaida fmaida/cactus-dark.css
Last active Mar 30, 2020

Embed
What would you like to do?
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.
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;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.