From 6d7925dd50b00c6db31c32d5afe1158b7b978430 Mon Sep 17 00:00:00 2001
From: Chad Elliott <elliottc@objectcomputing.com>
Date: Mon, 21 Oct 2024 14:01:18 -0500
Subject: [PATCH 1/2] Removed unused settings (that included hard-coded
 backgrounds).

---
 web-ui/src/components/admin/users/Users.css | 38 ------------------
 web-ui/src/pages/PeoplePage.css             | 44 ---------------------
 2 files changed, 82 deletions(-)

diff --git a/web-ui/src/components/admin/users/Users.css b/web-ui/src/components/admin/users/Users.css
index 83a967f16f..0068926379 100644
--- a/web-ui/src/components/admin/users/Users.css
+++ b/web-ui/src/components/admin/users/Users.css
@@ -4,44 +4,6 @@
   justify-content: flex-end;
 }
 
-.add-member-modal {
-  position: absolute;
-  min-width: 400px;
-  max-width: 600px;
-  background-color: #fff;
-  top: 50%;
-  left: 50%;
-  padding: 0.5rem;
-  transform: translate(-50%, -50%);
-  border: 2px solid #fff;
-}
-
-.add-member-modal h2 {
-  margin-block-end: 0rem;
-  margin-left: 0.5rem;
-}
-
-.add-member-modal-actions {
-  margin-top: 1rem;
-  width: calc(100% - 1rem);
-  display: flex;
-  flex-direction: row;
-  justify-content: flex-end;
-}
-
-.add-member-modal .MuiTextField-root.fullWidth {
-  width: calc(100% - 1rem);
-}
-
-.add-member-modal .MuiTextField-root.halfWidth {
-  width: calc(50% - 0.5rem);
-}
-
-.add-member-modal .MuiTextField-root {
-  margin: 0.5rem;
-  width: 25ch;
-}
-
 .user-page {
   padding: 12px;
 }
diff --git a/web-ui/src/pages/PeoplePage.css b/web-ui/src/pages/PeoplePage.css
index db74a117de..051851d39f 100644
--- a/web-ui/src/pages/PeoplePage.css
+++ b/web-ui/src/pages/PeoplePage.css
@@ -1,47 +1,3 @@
-.add-member {
-  align-items: center;
-  display: flex;
-  justify-content: flex-end;
-}
-
-.add-member-modal {
-  position: absolute;
-  min-width: 400px;
-  max-width: 600px;
-  background-color: #fff;
-  top: 50%;
-  left: 50%;
-  padding: 0.5rem;
-  transform: translate(-50%, -50%);
-  border: 2px solid #fff;
-}
-
-.add-member-modal h2 {
-  margin-block-end: 0rem;
-  margin-left: 0.5rem;
-}
-
-.add-member-modal-actions {
-  margin-top: 1rem;
-  width: calc(100% - 1rem);
-  display: flex;
-  flex-direction: row;
-  justify-content: flex-end;
-}
-
-.add-member-modal .MuiTextField-root.fullWidth {
-  width: calc(100% - 1rem);
-}
-
-.add-member-modal .MuiTextField-root.halfWidth {
-  width: calc(50% - 0.5rem);
-}
-
-.add-member-modal .MuiTextField-root {
-  margin: 0.5rem;
-  width: 25ch;
-}
-
 .people-page {
   padding: 12px;
 }

From 9cf57452412b2d252ba175dbf623320835cfe52d Mon Sep 17 00:00:00 2001
From: Chad Elliott <elliottc@objectcomputing.com>
Date: Mon, 21 Oct 2024 14:02:06 -0500
Subject: [PATCH 2/2] Replaced hard-coded white backgrounds with
 var(--checkins-palette-background-default)

---
 web-ui/src/components/edit_skills/EditSkills.css | 4 ++--
 web-ui/src/components/skills/SkillSection.css    | 2 +-
 web-ui/src/pages/CheckinsPage.css                | 2 +-
 web-ui/src/pages/ErrorBoundaryPage.css           | 2 +-
 4 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/web-ui/src/components/edit_skills/EditSkills.css b/web-ui/src/components/edit_skills/EditSkills.css
index 29d19cf22a..2bad28a092 100644
--- a/web-ui/src/components/edit_skills/EditSkills.css
+++ b/web-ui/src/components/edit_skills/EditSkills.css
@@ -2,7 +2,7 @@
   position: absolute;
   min-width: 400px;
   max-width: 600px;
-  background-color: #fff;
+  background-color: var(--checkins-palette-background-default);
   top: 50%;
   left: 50%;
   padding: 0.5rem;
@@ -40,7 +40,7 @@
   position: absolute;
   min-width: 400px;
   max-width: 600px;
-  background-color: #fff;
+  background-color: var(--checkins-palette-background-default);
   top: 50%;
   left: 50%;
   padding: 0.5rem;
diff --git a/web-ui/src/components/skills/SkillSection.css b/web-ui/src/components/skills/SkillSection.css
index f39d5845f1..edc4b550ac 100644
--- a/web-ui/src/components/skills/SkillSection.css
+++ b/web-ui/src/components/skills/SkillSection.css
@@ -26,7 +26,7 @@
   position: absolute;
   min-width: 400px;
   max-width: 600px;
-  background-color: #fff;
+  background-color: var(--checkins-palette-background-default);
   top: 50%;
   left: 50%;
   padding: 0.5rem;
diff --git a/web-ui/src/pages/CheckinsPage.css b/web-ui/src/pages/CheckinsPage.css
index cadd5e5cb5..6af6d4e2b9 100644
--- a/web-ui/src/pages/CheckinsPage.css
+++ b/web-ui/src/pages/CheckinsPage.css
@@ -9,7 +9,7 @@
   position: absolute;
   min-width: 400px;
   max-width: 600px;
-  background-color: #fff;
+  background-color: var(--checkins-palette-background-default);
   top: 50%;
   left: 50%;
   padding: 0.5rem;
diff --git a/web-ui/src/pages/ErrorBoundaryPage.css b/web-ui/src/pages/ErrorBoundaryPage.css
index 6525d38ea3..b687ff018f 100644
--- a/web-ui/src/pages/ErrorBoundaryPage.css
+++ b/web-ui/src/pages/ErrorBoundaryPage.css
@@ -2,7 +2,7 @@
   position: absolute;
   min-width: 400px;
   max-width: 600px;
-  background-color: #fff;
+  background-color: var(--checkins-palette-background-default);
   top: 50%;
   left: 50%;
   padding: 0.5rem;