move darkmode to a module

2022-04-12 17:01:14 +01:00
parent ddfde7ccd8
commit b5be196dd9
2 changed files with 26 additions and 25 deletions
--- a/modules/darkmode.css
+++ b/modules/darkmode.css
@@ -0,0 +1,26 @@
+:root {
+	--fg-dark-mode: #ccc;
+	--bg-dark-mode: #111;
+	--a-dark-mode: #07a;
+	--a-visited-dark-mode: #aa346d;
+}
+
+@media (prefers-color-scheme: dark) {
+	body {
+		color: var(--fg-dark-mode);
+		background-color: var(--bg-dark-mode);
+	}
+	img, video {
+		opacity: .75;
+		transition: opacity .5s ease-in-out;
+	}
+	img:hover, video:hover {
+		opacity: 1;
+	}
+	a {
+		color: var(--a-dark-mode);
+	}
+	a:visited {
+		color: var(--a-visited-dark-mode);
+	}
+}