Chet wordmark with orange bowtie Chet wordmark with orange bowtie

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;
}
}

All Posts