From 340a5356b29d6872a3dd5387ac130875837a0123 Mon Sep 17 00:00:00 2001
From: iwdie <42923352+iwdie@users.noreply.github.com>
Date: Fri, 24 Jan 2025 19:51:17 +0530
Subject: [PATCH] color name changed to variable

---
 .../screens/MemberDetail/MemberDetail/functions/default.md  | 5 ++---
 .../MemberDetail/MemberDetail/functions/getLanguageName.md  | 2 +-
 .../MemberDetail/MemberDetail/functions/prettyDate.md       | 2 +-
 src/style/app.module.css                                    | 6 +++---
 4 files changed, 7 insertions(+), 8 deletions(-)

diff --git a/docs/docs/auto-docs/screens/MemberDetail/MemberDetail/functions/default.md b/docs/docs/auto-docs/screens/MemberDetail/MemberDetail/functions/default.md
index b1850d81d7..07808da20e 100644
--- a/docs/docs/auto-docs/screens/MemberDetail/MemberDetail/functions/default.md
+++ b/docs/docs/auto-docs/screens/MemberDetail/MemberDetail/functions/default.md
@@ -6,12 +6,11 @@
 
 > **default**(`props`, `deprecatedLegacyContext`?): `ReactNode`
 
-Defined in: [src/screens/MemberDetail/MemberDetail.tsx:51](https://github.com/PalisadoesFoundation/talawa-admin/blob/main/src/screens/MemberDetail/MemberDetail.tsx#L51)
+Defined in: [src/screens/MemberDetail/MemberDetail.tsx:50](https://github.com/PalisadoesFoundation/talawa-admin/blob/main/src/screens/MemberDetail/MemberDetail.tsx#L50)
 
 MemberDetail component is used to display the details of a user.
 It also allows the user to update the details. It uses the UPDATE_USER_MUTATION to update the user details.
-It uses the USER_DETAILS query to get the user details. It uses the useLocalStorage hook to store the user
- details in the local storage.
+It uses the USER_DETAILS query to get the user details. It uses the useLocalStorage hook to store the user details in the local storage.
 
 ## Parameters
 
diff --git a/docs/docs/auto-docs/screens/MemberDetail/MemberDetail/functions/getLanguageName.md b/docs/docs/auto-docs/screens/MemberDetail/MemberDetail/functions/getLanguageName.md
index 8a27bbbc45..5d161cd446 100644
--- a/docs/docs/auto-docs/screens/MemberDetail/MemberDetail/functions/getLanguageName.md
+++ b/docs/docs/auto-docs/screens/MemberDetail/MemberDetail/functions/getLanguageName.md
@@ -6,7 +6,7 @@
 
 > **getLanguageName**(`code`): `string`
 
-Defined in: [src/screens/MemberDetail/MemberDetail.tsx:752](https://github.com/PalisadoesFoundation/talawa-admin/blob/main/src/screens/MemberDetail/MemberDetail.tsx#L752)
+Defined in: [src/screens/MemberDetail/MemberDetail.tsx:742](https://github.com/PalisadoesFoundation/talawa-admin/blob/main/src/screens/MemberDetail/MemberDetail.tsx#L742)
 
 ## Parameters
 
diff --git a/docs/docs/auto-docs/screens/MemberDetail/MemberDetail/functions/prettyDate.md b/docs/docs/auto-docs/screens/MemberDetail/MemberDetail/functions/prettyDate.md
index 052e79fb72..01d7d085e0 100644
--- a/docs/docs/auto-docs/screens/MemberDetail/MemberDetail/functions/prettyDate.md
+++ b/docs/docs/auto-docs/screens/MemberDetail/MemberDetail/functions/prettyDate.md
@@ -6,7 +6,7 @@
 
 > **prettyDate**(`param`): `string`
 
-Defined in: [src/screens/MemberDetail/MemberDetail.tsx:742](https://github.com/PalisadoesFoundation/talawa-admin/blob/main/src/screens/MemberDetail/MemberDetail.tsx#L742)
+Defined in: [src/screens/MemberDetail/MemberDetail.tsx:732](https://github.com/PalisadoesFoundation/talawa-admin/blob/main/src/screens/MemberDetail/MemberDetail.tsx#L732)
 
 ## Parameters
 
diff --git a/src/style/app.module.css b/src/style/app.module.css
index aade46c7bb..37f03cd248 100644
--- a/src/style/app.module.css
+++ b/src/style/app.module.css
@@ -55,7 +55,7 @@
   /* Red Shades */
   --red-delete-bg: #f8d6dc;
   --red-delete-text: #ff4d4f;
-  --red-line-bg: #ff0000;
+  --current-hour-indicator-color: #ff0000;
 
   /* Yellow/Orange Shades */
   --loader-color: #febc59;
@@ -285,7 +285,7 @@
 }
 
 .currentHourIndicator_round {
-  background-color: var(--red-line-bg);
+  background-color: var(--current-hour-indicator-color);
   border-radius: 100%;
   width: 15px;
   height: 15px;
@@ -294,7 +294,7 @@
 .currentHourIndicator_line {
   width: 100%;
   height: 1px;
-  background-color: var(--red-line-bg);
+  background-color: var(--current-hour-indicator-color);
   margin: auto;
 }