color name changed to variable

Author: iwdie

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
 

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
 

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
 

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