diff --git a/public_html/css/hpr.css b/public_html/css/hpr.css
index a0d088f..dad9ed1 100644
--- a/public_html/css/hpr.css
+++ b/public_html/css/hpr.css
@@ -841,3 +841,25 @@ fieldset > table td input[type="radio"] {
 		max-width: 30%;
 	}
 }
+@media (prefers-color-scheme: dark) {
+	:root {
+		--link-primary: #4baabe;
+		--background-primary: #4d4d4d; /* HPR Grey */
+		--text-primary: #fffff7/*#fafafa#fbfbee #dfdfdf */;
+		--shadow-secondary-color: hsl(0, 0%, 40%);
+		--input-border-primary: var(--shadow-secondary-color);
+	}
+	body > header {
+		background-image: url("/images/main-header-background-dark.png");
+	}	
+	a.lane-button {
+		background-image: url("/images/lane-button-background-dark.png");
+	}
+	#hosts td > img {
+		filter: brightness(0.65);
+	}
+	.lane > article > header,
+	#hosts td:nth-child(-n+2) {
+		color: var(--text-primary);
+	}
+}
diff --git a/public_html/images/lane-button-background-dark.png b/public_html/images/lane-button-background-dark.png
new file mode 100644
index 0000000..191f05a
Binary files /dev/null and b/public_html/images/lane-button-background-dark.png differ
diff --git a/public_html/images/main-header-background-dark.png b/public_html/images/main-header-background-dark.png
new file mode 100644
index 0000000..73a93aa
Binary files /dev/null and b/public_html/images/main-header-background-dark.png differ