Add a dark mode for the website and documentation v1 APPLIED

Pedro Lucas Porcellis: 1
 Add a dark mode for the website and documentation

 2 files changed, 34 insertions(+), 0 deletions(-)

[PATCH] Add a dark mode for the website and documentation Export this patch

---
I've come up with those colors for links in an attempt to add a better
contrast against the dark background color. Feel free to change to
something that better matches your taste.

 doc/man-style.css | 19 +++++++++++++++++++
 style.css         | 15 +++++++++++++++
 2 files changed, 34 insertions(+)

diff --git a/doc/man-style.css b/doc/man-style.css
index 020b1b8..67b2d80 100644
--- a/doc/man-style.css
+++ b/doc/man-style.css
@@ -34,3 +34,22 @@ p {
 pre {
 	color: #434241;
 }
+
+@media (prefers-color-scheme: dark) {
+	body {
+		background-color: #111;
+		color: #eee;
+	}
+
+	a {
+		color: #70b5ff;
+	}
+
+	a:visited {
+		color: #1988ff;
+	}
+
+	pre {
+		color: #9d9d9d;
+	}
+}
diff --git a/style.css b/style.css
index 77ec733..2c80c4d 100644
--- a/style.css
+++ b/style.css
@@ -19,3 +19,18 @@ a {
 a:visited {
 	color: #003e80;
 }
+
+@media (prefers-color-scheme: dark) {
+	body {
+		background-color: #111;
+		color: #eee;
+	}
+
+	a {
+		color: #70b5ff;
+	}
+
+	a:visited {
+		color: #1988ff;
+	}
+}

base-commit: 3f711681cd50839f14aac6276f89e6e032f574cb
-- 
2.40.1

Simon Ser <contact@emersion.fr>

1 year, 4 months ago

Pushed, thank you!