From 8e33e7565972d28365d4a8cb8dcae947f12e8d32 Mon Sep 17 00:00:00 2001
From: Sebastian Gode <sebastian.gode@telekom.de>
Date: Tue, 13 Feb 2024 12:59:20 +0000
Subject: [PATCH 1/2] Added dark mode to widget

---
 templates/widget/main.scss | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/templates/widget/main.scss b/templates/widget/main.scss
index 0b9298da..bad18661 100644
--- a/templates/widget/main.scss
+++ b/templates/widget/main.scss
@@ -98,6 +98,24 @@ body {
 	margin: 2px;
 }
 
+@media (prefers-color-scheme: dark) {
+	.widget__container {
+		background-color: #1c1c1c;
+	}
+
+	.widget__verification-container {
+		color: rgb(232, 230, 227);
+	}
+
+	.widget__mcaptcha-brand-name {
+		color: #7d94f9;
+	}
+
+	.widget__mcaptcha-info-link {
+		color: #7d94f9;
+	}
+}
+
 /* progress bar courtesy of https://codepen.io/Bizzy-Coding/pen/poOymVJ?editors=1111 */
 .progress__bar {
 	position: relative;

From d765bd74911d82ea7347b95553dd027c0f1c1c5f Mon Sep 17 00:00:00 2001
From: Sebastian Gode <sebastian.gode@telekom.de>
Date: Tue, 13 Feb 2024 13:30:14 +0000
Subject: [PATCH 2/2] Added dark mode to widget

---
 templates/widget/main.scss | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/templates/widget/main.scss b/templates/widget/main.scss
index bad18661..af97139b 100644
--- a/templates/widget/main.scss
+++ b/templates/widget/main.scss
@@ -28,6 +28,8 @@ body {
 	display: flex;
 	height: 100%;
 	width: 100%;
+	background-color: #f6f6f6;
+	border: 2px solid #e5e5e5;
 }
 
 .widget__noscript-container {
@@ -103,6 +105,11 @@ body {
 		background-color: #1c1c1c;
 	}
 
+	.widget__inner-container {
+		background-color: #1c1c1c;
+		border: 2px solid #656569;
+	}
+
 	.widget__verification-container {
 		color: rgb(232, 230, 227);
 	}
@@ -131,3 +138,9 @@ body {
 	height: 100%;
 	width: 0%;
 }
+
+@media (prefers-color-scheme: dark) {
+	.progress__bar {
+		background: unset;
+	}
+}