Skip to content

Instantly share code, notes, and snippets.

@gr36

gr36/screen.css Secret

Created Jun 14, 2021
Embed
What would you like to do?
Arabica Dark mode
/* ==========================================================================
13. Dark Mode
========================================================================== */
@media (prefers-color-scheme: dark) {
body {
color: var(--font-color-dark);
background: var(--dark-background-main);
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .blog-title a, .post-title a {
color: var(--font-color-dark) !important;
}
h2 {
color: var(--highlight-color);
}
h3 {
color: var(--highlight-color);
font-weight: 600;
}
.post a, .post a:visited, a, a:visited {
color: var(--font-color-dark);
}
.post-title a, .post-title a:visited {
color: var(--font-color-light);
}
.post-title {
color: var(--font-color-dark);
}
a.read-more, a.read-more:visited, .post-meta {
color: var(--highlight-color);
}
.microblog_text {
color: var(--font-color-light)
}
.microblog_text a {
color: var(--font-color-light)
}
.microblog_user {
color: var(--font-color-light);
}
.nav a {
color: var(--font-color-dark)
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment