From af1682827414ad930f95ed2f96fc623bd4fd6378 Mon Sep 17 00:00:00 2001
From: Niklas Poslovski <ni.pos@yandex.com>
Date: Mon, 14 Oct 2024 21:00:07 +0200
Subject: [PATCH] buildmaster frontend: add dark mode CSS

---
 .../frontend/www/assets/css/buildmaster.css   | 48 +++++++++++++++++++
 .../frontend/www/assets/css/logviewer.css     | 11 +++++
 2 files changed, 59 insertions(+)

diff --git a/buildmaster/frontend/www/assets/css/buildmaster.css b/buildmaster/frontend/www/assets/css/buildmaster.css
index 97064ea8..3f4f9699 100644
--- a/buildmaster/frontend/www/assets/css/buildmaster.css
+++ b/buildmaster/frontend/www/assets/css/buildmaster.css
@@ -1,3 +1,7 @@
+:root {
+	color-scheme: dark light;
+}
+
 body {
 	background-color: white;
 	font-family: sans-serif;
@@ -160,3 +164,47 @@ a, a:visited {
 .compact .buildNumbersContainer {
 	flex-grow: 1;
 }
+
+@media(prefers-color-scheme: dark) {
+	body, #topLink, .inlineLogViewer {
+		background-color: #222;
+	}
+
+	body, a, a:visited {
+		color: #ddd;
+	}
+
+	.requiredPackages, #completeBuilds .resultingPackages {
+		background-color: #003300;
+	}
+
+	.missingPackages, #scheduledBuilds .resultingPackages,
+		#blockedBuilds .resultingPackages {
+		background-color: #444400;
+	}
+
+	#failedBuilds .resultingPackages, #lostBuilds .resultingPackages,
+		#skippedBuilds .resultingPackages {
+		background-color: #990000;
+	}
+
+	#blockedBuilds {
+		background-color: #222211;
+	}
+
+	#completeBuilds, #activeBuilders {
+		background-color: #002f00;
+	}
+
+	#activeBuilds, #reconnectingBuilders {
+		background-color: #222233;
+	}
+
+	#failedBuilds, #skippedBuilds, #lostBuilders {
+		background-color: #221111;
+	}
+
+	#lostBuilds {
+		background-color: #221000;
+	}
+}
\ No newline at end of file
diff --git a/buildmaster/frontend/www/assets/css/logviewer.css b/buildmaster/frontend/www/assets/css/logviewer.css
index 2ca2535d..ba17b886 100644
--- a/buildmaster/frontend/www/assets/css/logviewer.css
+++ b/buildmaster/frontend/www/assets/css/logviewer.css
@@ -1,3 +1,7 @@
+:root {
+	color-scheme: dark light;
+}
+
 body {
 	font-family: monospace;
 }
@@ -93,3 +97,10 @@ body {
 .bg-white, .fg-white.reverse {
 	background-color: white;
 }
+
+@media(prefers-color-scheme: dark) {
+	body {
+		color: #ddd;
+		background-color: #222;
+	}
+}
\ No newline at end of file