From 5a7978fcedc2092186db7753ca715a3072c18010 Mon Sep 17 00:00:00 2001
From: SpiritsOfMayhem <d.huh@t-online.de>
Date: Wed, 13 Oct 2021 11:56:17 +0000
Subject: [PATCH 1/3] #5 :lipstick: Added Darkmode CSS for dialog

---
 styles.css | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/styles.css b/styles.css
index eb1b6d8..b87f27b 100644
--- a/styles.css
+++ b/styles.css
@@ -8,6 +8,10 @@ body {
     color: white;
 }
 
+.modal--dark-mode {
+    background-color: #222222;
+    color: white;
+}
 
 #raplalinkcontainer {
     height: 100vh;
-- 
2.45.1


From ab4454afed5852f605b1040e1cbabf8b88571ad2 Mon Sep 17 00:00:00 2001
From: SpiritsOfMayhem <d.huh@t-online.de>
Date: Wed, 13 Oct 2021 11:57:50 +0000
Subject: [PATCH 2/3] #5 :lipstick: Added Darkmode JS for dialog

---
 scripts.js | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/scripts.js b/scripts.js
index cb9dfd9..6b275cf 100644
--- a/scripts.js
+++ b/scripts.js
@@ -95,6 +95,13 @@ const toggleDarkMode = () => {
     navElement.classList.toggle("nav--dark-mode");
     submitButton.classList.toggle("submitButton--dark-mode");
 
+    /* Dialog */
+    let modalContents = document.getElementsByClassName('modal-toggle')
+
+    for (content of modalContents) {
+        content.classList.toggle("modal--dark-mode")
+    }
+
     if (colorModeToggleIcon.classList.contains("fa-moon")) {
         colorModeToggleIcon.classList.remove("fa-moon");
         colorModeToggleIcon.classList.add("fa-sun");
-- 
2.45.1


From 279a6a6fef4f40d8124b3a59055bbff076355cd7 Mon Sep 17 00:00:00 2001
From: SpiritsOfMayhem <d.huh@t-online.de>
Date: Wed, 13 Oct 2021 11:59:00 +0000
Subject: [PATCH 3/3] =?UTF-8?q?=E2=80=9Eindex.html=E2=80=9C=20=C3=A4ndern?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 index.html | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/index.html b/index.html
index 9a27323..72b5f6f 100644
--- a/index.html
+++ b/index.html
@@ -128,23 +128,23 @@
 				<!-- // GENERATE LINK BUTTON -->
 			</form>
 		</div>
-		<div class="raplalinkcontainer--nav__subtext">Made with <img height="10" src="https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/240/microsoft/309/red-heart_2764-fe0f.png"/> by <a href="https://www.p4ddy.com">Paddy</a> & <a href="https://www.li54.dev">Lisa</a></div>
+		<div class="raplalinkcontainer--nav__subtext">Made with <img height="10" src="https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/240/microsoft/309/red-heart_2764-fe0f.png"/> by <a href="https://www.p4ddy.com">Paddy</a> & <a href="https://www.li54.dev">Lisa</a> & <a href="https://www.davidhuh.de">Dave</a></div>
 
 		<!-- Modal -->
 		<div class="modal fade" id="linkModal" tabindex="-1" aria-labelledby="linkModalSuccess" aria-hidden="true">
 			<div class="modal-dialog modal-dialog-centered">
 				<div class="modal-content">
-					<div class="modal-header">
+					<div class="modal-header modal-toggle">
 						<h5 class="modal-title" id="linkModalTitle"></h5>
 						<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
 					</div>
-					<div class="modal-body">
+					<div class="modal-body modal-toggle">
 						<div class="raplalinkcontainer--link">
 							<p id="raplalinkcontainer--link"></p>
 						</div>
 						<p id="full-link"></p>
 					</div>
-					<div class="modal-footer">
+					<div class="modal-footer modal-toggle">
 						<button type="button" class="btn btn-secondary" id="raplalinkcontainer--closeButton" data-bs-dismiss="modal"></button>
 					</div>
 				</div>
-- 
2.45.1