From 513e37f11380d83dcc93fafc1584a92f1edf74f6 Mon Sep 17 00:00:00 2001
From: This-Is-Prince <this.is.kumar.prince@gmail.com>
Date: Wed, 5 Jul 2023 16:16:51 +0530
Subject: [PATCH] fix: login address color fixes

---
 src/ui-components/Address.tsx | 12 ++++++------
 styles/globals.css            |  1 +
 tailwind.config.js            |  1 +
 3 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/src/ui-components/Address.tsx b/src/ui-components/Address.tsx
index 755c155437..ad5ad30cf6 100644
--- a/src/ui-components/Address.tsx
+++ b/src/ui-components/Address.tsx
@@ -27,7 +27,7 @@ export enum EAddressOtherTextType {
 	CONNECTED='Connected',
 	COUNCIL='Council',
 	COUNCIL_CONNECTED='Council (Connected)',
-	LINKED_ADDRESS= 'Linked Address'
+	LINKED_ADDRESS= 'Linked'
 }
 
 interface Props {
@@ -254,12 +254,12 @@ const Address = ({ address, className, displayInline, disableIdenticon, extensio
 				}
 			</div>}
 			{
-				otherTextType? <p className={`m-0 flex items-center gap-x-1 ${otherTextClassName}`}>
+				otherTextType? <p className={`m-0 flex items-center gap-x-1 text-lightBlue leading-[15px] text-[10px] ${otherTextClassName}`}>
 					<span
-						className={classNames('w-2 h-2 rounded-full', {
-							'bg-blue-500 ': otherTextType === EAddressOtherTextType.COUNCIL,
-							'bg-green-500 ': [EAddressOtherTextType.CONNECTED, EAddressOtherTextType.COUNCIL_CONNECTED].includes(otherTextType),
-							'bg-red-500 ': otherTextType === EAddressOtherTextType.LINKED_ADDRESS
+						className={classNames('w-[6px] h-[6px] rounded-full', {
+							'bg-aye_green ': [EAddressOtherTextType.CONNECTED, EAddressOtherTextType.COUNCIL_CONNECTED].includes(otherTextType),
+							'bg-blue ': otherTextType === EAddressOtherTextType.COUNCIL,
+							'bg-nay_red': otherTextType === EAddressOtherTextType.LINKED_ADDRESS
 						})}
 					>
 					</span>
diff --git a/styles/globals.css b/styles/globals.css
index d49b3c43a0..1098a4a2e7 100644
--- a/styles/globals.css
+++ b/styles/globals.css
@@ -10,6 +10,7 @@
   --black_primary: #2e2f30;
   --blue_primary: #4d9999;
   --blue_secondary: #ebf0f5;
+  --blue: #3C74E1;
   --green_primary: #4dd18f;
   --green_secondary: #399969;
   --grey_app_background: #eaeef0;
diff --git a/tailwind.config.js b/tailwind.config.js
index a668dc67b0..207640b8a8 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -16,6 +16,7 @@ module.exports = {
 			},
 			colors: {
 				navBlue: 'var(--navBlue)',
+				blue: 'var(--blue)',
 				sidebarBlue: 'var(--sidebarBlue)',
 				bodyBlue: 'var(--bodyBlue)',
 				lightBlue: 'var(--lightBlue)',