aboutsummaryrefslogtreecommitdiff
path: root/layouts/partials
diff options
context:
space:
mode:
authormicrosocks <barclayethan@gmail.com>2019-10-25 15:46:43 -0400
committermicrosocks <barclayethan@gmail.com>2019-10-25 15:46:43 -0400
commitf4a7b12611eb44c65e3f8cd1c5a90c0568f1f4b7 (patch)
tree053285e8733c6f32875500252bca8471dac88868 /layouts/partials
parent64a1be9790bfe98e99a12136c1f16684de25de17 (diff)
Add prefers-color-scheme dark theme
Diffstat (limited to 'layouts/partials')
-rw-r--r--layouts/partials/meta.html25
1 files changed, 25 insertions, 0 deletions
diff --git a/layouts/partials/meta.html b/layouts/partials/meta.html
index 6a6f790..70c1b3f 100644
--- a/layouts/partials/meta.html
+++ b/layouts/partials/meta.html
@@ -313,6 +313,31 @@
display: inline;
}
}
+
+ /**
+ * Dark theme
+ */
+
+ @media (prefers-color-scheme: dark) {
+ html, body { background: #181a1b; color: #ccc9c1; }
+ h1, h2, h3, h4, a, .bold { color: #e8e6e3; }
+ hr { border-bottom-color: #3d3d3d; }
+ .footer { background: #1b1d1e; }
+ .date { color: #c3bfb6; }
+ .components { border: 2px solid #ddd; border-bottom: 0; border-color: #3a3a3a; }
+ .component { border-bottom: 2px solid #ddd; color: #e8e6e3; border-bottom-color: #3a3a3a; }
+ .tag { background-image: initial; background-color: #1d1f20; }
+ .tag:hover { background: #222; }
+ .issue:hover {background-color: #1b1d1e }
+ .error { color: #ff4242; }
+ .hinted, .faded { color: #c1bcb3; }
+ .warning {color: #ff8b52; }
+ .ok { color: #7fff7f; }
+ .component[data-status="disrupted"]
+ .component-status { color: #ff8b52; }
+ .component[data-status="ok"]
+ .component-status { color: #7fff7f; }
+ }
</style>
{{ if .Site.Params.enableCustomHTML }}
{{ partial "custom/meta" . }}