Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
micro.blog dark mode start
@media (prefers-color-scheme: dark) {
body {
color: #ddd;
background-color: #333;
}
a {
color: #88c0ef;
}
.alert-info {
color: #55bef1;
background-color: #111;
border-color: #555;
}
.post_username a {
color: #ddd;
}
.post_time a {
color: #e0e0e0;
}
.btn-default {
color: #eee;
background-color: #111;
border-color: #555;
}
.popover {
background-color: #111;
border: 1px solid #ccc;
}
button, input, select, textarea {
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
.highlight {
background-color: #555;
}
.markdown_link {
color: #87beed;
}
.site_link a {
color: #87beed;
}
.CodeMirror {
border: 1px solid #555;
border-radius: 4px;
background-color: #000000;
color: #eee;
}
/* hat tip to css-tricks for dimming idea */
img {
opacity: .70;
transition: opacity .5s ease-in-out;
}
img:hover {
opacity: 1;
}
.account_posts_header {
border: 1px solid #555;
background-color: #000;
}
.account_bar_hostname {
color: #eee;
font-weight: bold;
}
.form-control {
color: #eee;
background-color: #000;
border: 1px solid #555;
}
table.table.table-striped{
background-color: #000;
}
}
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.