Dark Mode in Kiko Theme
Special thanks to Andy over at The Dent! After about 20 minutes of work, my site is ready for Dark Mode using the Kiko Theme on Micro.blog.
@media (prefers-color-scheme: dark) {
body {
color: #fafafa;
background-color: #1a1a1a;
}
.masthead-title a {
color: #ffffff;
}
h1.home-title {
color: #ffffff !important;
}
h1.home-title a {
color: #ffffff !important;
}
h1.page-title {
color: #ffffff !important;
}
a {
color: #ffffff !important;
}
strong {
color: #ffffff !important;
}
blockquote p {
color: #ffffff !important;
}
a:hover, a:focus {
color: #F85F3F;
text-decoration: none;
}
.list-post-date a {
color: #F85F3F !important;
text-decoration: none;
border-bottom: none;
}
pre {
background-color: #1a1a1a !important;
}
}
July 11, 2019