wantsum/static/css/hyde-dark.css
2024-07-05 21:32:23 +01:00

115 lines
No EOL
1.4 KiB
CSS

@media (prefers-color-scheme: dark) {
.sidebar {
color: rgba(255,255,255,.5);
background-color: #202020;
}
h1,h2,h3,h4,h5,h6 {
color: #aaa;
}
/* Sidebar links */
.sidebar a {
color: #222;
}
/* About section */
.sidebar-about h1 {
color: #222;
}
html,
body {
background-color: #000;
color: #aaa;
}
footer {
border-top: 1px solid #e0e0e0;
}
.img-headshot {
border: 6px solid #222;
}
.sidebar {
background-color: #336699;
color: #222;
}
.sidebar a,
.sidebar-about h1 {
color: #222;
}
footer a,
.content a,
.related-posts li a:hover {
color: #336699;
}
.read-more-link a {
border-color: #336699;
}
.read-more-link a:hover {
color: #222;
background-color: #336699;
}
.pagination li a {
color: #336699;
border: 1px solid #336699;
}
.pagination li a:hover {
color: #222;
background-color: #336699;
}
.pagination li.active a {
color: #222;
background-color: #336699;
}
.pagination li.disabled a {
color: rgba(67, 118, 122, 0.5);
}
a.tag-link {
background-color: #f2f2f2;
color: #757575 !important;
}
/* Code */
code,
pre,
.highlight {
font-family: Menlo, Monaco, "Courier New", monospace;
}
code {
color: #e83e8c;
white-space: pre;
}
pre {
background-color: #222;
}
pre code {
color: inherit;
background-color: transparent;
}
.highlight {
border-color: #ddd #ddd #ccc;
}
.chroma .lntd {
background-color: #222;
}
.social-icons {
filter:invert(100%);
}
}