From fd4b28c937cebce853e9f46da1f8a6b6a0bb110d Mon Sep 17 00:00:00 2001
From: Reddy <Rammohan.Reddy@safelite.com>
Date: Mon, 10 Apr 2023 20:43:28 +0530
Subject: [PATCH] Code refactor changes

---
 .../provider-preference/provider-preference.vue   | 15 ++++++---------
 src/styles/ux-variables.scss                      |  4 ++++
 2 files changed, 10 insertions(+), 9 deletions(-)

diff --git a/src/layouts/provider-preference/provider-preference.vue b/src/layouts/provider-preference/provider-preference.vue
index 63f2ce59..89f0024e 100644
--- a/src/layouts/provider-preference/provider-preference.vue
+++ b/src/layouts/provider-preference/provider-preference.vue
@@ -123,19 +123,16 @@ export default {
     overflow-X: hidden !important;   
 }
 #sub-header span{
-color: #000000;
+color: $black;
 }
-.body-text p{
-  margin-bottom: 0.5rem;
+.body-text {
+color: $darker-gray;
+p, li {
+margin-bottom: 0.5rem;
 }
-.body-text{
-  color: #525656;
-}
-.body-text li{
-  margin-bottom: 0.5rem;
 }
 .modal-link a{
-  color:#06577C;
+  color: $blue-700;
   font-size: 14px;
   line-height: 24px;
   font-weight: 500;
diff --git a/src/styles/ux-variables.scss b/src/styles/ux-variables.scss
index d9b462af..67c4c414 100644
--- a/src/styles/ux-variables.scss
+++ b/src/styles/ux-variables.scss
@@ -68,6 +68,9 @@ $orange: #fd7e14;
 $teal: #20c997;
 $cyan: #0dcaf0;
 
+// Darker gray
+$darker-gray: #525656;
+
 // scss-docs-start colors-map
 $colors: (
     "blue": $blue,
@@ -83,6 +86,7 @@ $colors: (
     "white": $white,
     "gray": $gray,
     "gray-dark": $gray-500,
+    "darker-gray":$darker-gray,
 );
 
 // scss-docs-start theme-color-variables