diff --git a/snikket_web/scss/app.scss b/snikket_web/scss/app.scss
index 7bea226..c01ab7c 100644
--- a/snikket_web/scss/app.scss
+++ b/snikket_web/scss/app.scss
@@ -1046,6 +1046,12 @@ pre.guru-meditation {
 		}
 	}
 
+	body#login {
+		.form-title {
+			color: $primary-800;
+		}
+	}
+
 	body > footer {
 		background-color: $gray-200;
 		color: $gray-800;
diff --git a/snikket_web/scss/invite.scss b/snikket_web/scss/invite.scss
index 3652f8e..60e81de 100644
--- a/snikket_web/scss/invite.scss
+++ b/snikket_web/scss/invite.scss
@@ -183,3 +183,13 @@ div.form.layout-expanded .lwrap {
 	background-attachment: fixed;
 	background-size: cover;
 }
+
+/* dark mode */
+
+@media (prefers-color-scheme: dark) {
+	div.form.layout-expanded .lwrap {
+		span {
+			background: $gray-200;
+		}
+	}
+}