From 38423ed4448f2e0ba37e6ace06fa5f674570d0b7 Mon Sep 17 00:00:00 2001
From: Alex Antony <83585487+Josephalexantony-aot@users.noreply.github.com>
Date: Sun, 21 Jan 2024 22:13:56 -0800
Subject: [PATCH] =?UTF-8?q?Color=20variables=20added=20to=20the=20List.scs?=
 =?UTF-8?q?s=20file=20removing=20the=20hardcoded=20co=E2=80=A6=20(#1843)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* Color variables added to the list.scss file removing the hardcoded colors

* removed commented codes

* List.scss updated with variable

* Removed variable --color-error and andded variants of --color-danger
---
 forms-flow-web/src/components/Form/List.scss | 38 ++++++--------------
 1 file changed, 11 insertions(+), 27 deletions(-)

diff --git a/forms-flow-web/src/components/Form/List.scss b/forms-flow-web/src/components/Form/List.scss
index d247a2b7f1..cdcbc57052 100644
--- a/forms-flow-web/src/components/Form/List.scss
+++ b/forms-flow-web/src/components/Form/List.scss
@@ -12,17 +12,18 @@
 }
 
 .published-forms-label{
-    color: #52C41A;
-    background: #EAFBE7 0% 0% no-repeat padding-box;
-    border: 1px solid #52C41A;
+    color: var(--published-form-label);
+    // #52C41A;
+    background: var(--published-background) 0% 0% no-repeat padding-box;
+    border: 1px solid var(--published-form-label);
     border-radius: 7px;
 }
 
 .unpublished-forms-label{
-    background: #E6F7FF 0% 0% no-repeat padding-box;
+    background: var(--unpublished-background) 0% 0% no-repeat padding-box;
     border-radius: 7px;
-    border: 1px solid #91D5FF;
-    color: #1890FF;
+    border: 1px solid var(--unpublished-label);
+    color: var(--unpublished-label);
 }
 .custom-grid {
     .col {
@@ -32,17 +33,7 @@
         height: auto;
         word-break: break-all;
     }
-
-    .list-group-item {
-        border-top: 1px solid #ced4da !important;
-        padding: 0rem 1.25rem !important;
-    }
-
-    .list-group-item:first-child {
-        border-bottom: 1.5px solid #ced4da !important;
-        background-color: #F2F2F2 !important;
-    }
-
+    
     h5,
     .h5 {
         font-weight: 400 !important;
@@ -116,24 +107,17 @@ flex-wrap: wrap;
     margin: 10px;
     height: 30px;white-space: nowrap;
 }
-.progress-bar {
-    background-color: #ff0000ab;
-}
-.fileupload-fail {
-    color: #f85757;
-    float: right;
-    font-weight: normal
-}
 
 .progress-bar {
-    background-color: #ff0000ab;
+    background-color: var(--color-danger);
 }
 
 .fileupload-fail {
-    color: #f85757;
+    color: var(--color-danger-ltr);
     float: right;
     font-weight: normal
 }
+
 .public-label {
     margin-right: 12px;
 }