Skip to content

Instantly share code, notes, and snippets.

@BiancaNL
Created August 2, 2020 09:19
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save BiancaNL/1507e77cfb5613f9694602c8611c85fc to your computer and use it in GitHub Desktop.
Save BiancaNL/1507e77cfb5613f9694602c8611c85fc to your computer and use it in GitHub Desktop.
A dark color scheme which I implemented in my personal website. I also included settings for gist preview in dark mode. Customize it to your liking.
@media ( prefers-color-scheme: dark) {
body, .site-header {
background: #172020;
}
body, .genesis-nav-menu a, h1, h2, h3, h4, h5, h6, .entry-title a {
color: #fff;
}
.entry-content a, a:focus, a:hover {
color: #bbc;
}
.entry-content a {
box-shadow: inset 0 -3px 0 0 #fff;
border-bottom: none;
}
.custom-logo {
filter: invert(100%);
}
.has-background {
background-color: #7a5ff6!important;
color: #fff!important;
}
/* Github dark mode styling */
body .gist .gist-meta {
color: #ffffff;
background-color: #293030;
}
body .gist .gist-meta a {
color: #fff;
box-shadow: none;
}
body .gist .gist-file {
border-color: #666;
}
body .gist .gist-data {
border-bottom: 1px solid #777;
}
body .gist-data tbody {
background-color: #192020;
border-bottom: none;
}
body .gist-data tbody td:nth-of-type(1) {
color: #666;
border-color: #444;
}
body .gist-data tbody td:nth-of-type(2) {
color: #fff;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment