From f85dcf3b918a29f4a5da7bc3bd51927b6dad0e8d Mon Sep 17 00:00:00 2001
From: Daniel Kluge <daniel@c0ntroller.de>
Date: Wed, 9 Feb 2022 17:04:10 +0100
Subject: [PATCH 1/2] "Besseres" grau

---
 styles/ProjectModal.module.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/styles/ProjectModal.module.css b/styles/ProjectModal.module.css
index cba7710..cf9996f 100644
--- a/styles/ProjectModal.module.css
+++ b/styles/ProjectModal.module.css
@@ -10,7 +10,7 @@
 }
 
 .modalContainer {
-    background: #272b30;
+    background: #0e0f0e;
     color: #ccc;
     width: 100%;
     height: 100%;

From 95954884ba5d31ffacf9a4e262d2a106562c4d77 Mon Sep 17 00:00:00 2001
From: Daniel Kluge <daniel@c0ntroller.de>
Date: Wed, 9 Feb 2022 17:07:46 +0100
Subject: [PATCH 2/2] =?UTF-8?q?"Besseres"=20grau=20=C3=BCberall?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 styles/ProjectModal.module.css | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/styles/ProjectModal.module.css b/styles/ProjectModal.module.css
index cf9996f..24c88f2 100644
--- a/styles/ProjectModal.module.css
+++ b/styles/ProjectModal.module.css
@@ -7,10 +7,11 @@
     height: 100vh;
     padding: 5%;
     background: transparent;
+    --modal-gray: #0e0f0e;
 }
 
 .modalContainer {
-    background: #0e0f0e;
+    background: var(--modal-gray, #0e0f0e);
     color: #ccc;
     width: 100%;
     height: 100%;
@@ -28,7 +29,7 @@
 .modalClose {
     float: right;
     position: relative;
-    background: #272b30;
+    background: var(--modal-gray, #0e0f0e);
     border-radius: 50%;
     width: 2em;
     height: 2em;
@@ -51,7 +52,7 @@
 /* Firefox */
 .modalContainer {
     scrollbar-width: auto;
-    scrollbar-color: var(--repl-color, #188a18) #272b30;
+    scrollbar-color: var(--repl-color, #188a18) var(--modal-gray, #0e0f0e);
 }
 
 /* Chrome, Edge, and Safari */
@@ -60,7 +61,7 @@
 }
 
 .modalContainer::-webkit-scrollbar-track {
-    background: #272b30;
+    background: var(--modal-gray, #0e0f0e);
     border-bottom-right-radius: 20px;
     border-top-right-radius: 20px;
 }