From 051e5e73e3fe36cd5ff5a3c533fda5868a92f584 Mon Sep 17 00:00:00 2001
From: shockrah <alejandros714@protonmail.com>
Date: Thu, 28 Jan 2021 12:40:31 -0800
Subject: [PATCH] Modularized modal styling's * Also fixed white on white text
 that I missed in join-form's text field

---
 freechat-client/sass/join-modal.scss | 16 ++++++++++++++++
 freechat-client/sass/style.scss      | 11 +----------
 2 files changed, 17 insertions(+), 10 deletions(-)
 create mode 100644 freechat-client/sass/join-modal.scss

diff --git a/freechat-client/sass/join-modal.scss b/freechat-client/sass/join-modal.scss
new file mode 100644
index 0000000..3441f00
--- /dev/null
+++ b/freechat-client/sass/join-modal.scss
@@ -0,0 +1,16 @@
+@import 'general';
+
+.join-style {
+    color: $text;
+    background: $top-grey;
+}
+
+.join-form-label {
+    color: $text;
+}
+
+// override 'general's whitesmoke color fo thie dialog
+.form-text {
+    color: black;
+}
+
diff --git a/freechat-client/sass/style.scss b/freechat-client/sass/style.scss
index a0ae398..5314a9c 100644
--- a/freechat-client/sass/style.scss
+++ b/freechat-client/sass/style.scss
@@ -1,5 +1,6 @@
 @import 'general';
 @import 'scroll';
+@import 'join-modal';
 
 body {
     color: $text;
@@ -42,16 +43,6 @@ input {
     margin-right: 1em;
 }
 
-// Join modal meme
-.join-style {
-    color: $text;
-    background: $top-grey;
-}
-
-.join-form-label {
-    color: $text;
-}
-
 // mostly used to let the sidebar be of a correct height
 .wrapper {
     display: flex;