Merge pull request #2651 from objectcomputing/hard-coded-css-background-colors

Hard coded css background colors

Author: mkimberlin

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;
 }

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;

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;

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;

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;

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;
 }