diff --git a/frontend/src/styles.ts b/frontend/src/styles.ts
index 00dbde1..e905cae 100644
--- a/frontend/src/styles.ts
+++ b/frontend/src/styles.ts
@@ -32,7 +32,7 @@ export const white: StyleObject = {
     'text-gray-700 hover:bg-gray-100/70 dark:text-dark-500 dark:hover:text-white dark:hover:bg-dark-800',
   asideMenuItemActive: 'font-bold text-black dark:text-white',
   asideMenuDropdown: 'bg-gray-100/75',
-  navBarItemLabel: 'text-blue-600',
+  navBarItemLabel: 'text-pavitra-600',
   navBarItemLabelHover: 'hover:text-black',
   navBarItemLabelActiveColor: 'text-black',
   overlay: 'from-white via-gray-100 to-white',
@@ -41,10 +41,10 @@ export const white: StyleObject = {
   iconsColor: 'text-pavitra-600',
   cardsColor: 'bg-white',
   focusRingColor:
-    'focus:ring focus:ring-blue-600 focus:border-blue-600 focus:outline-none border-gray-300 dark:focus:ring-blue-600 dark:focus:border-blue-600',
+    'focus:ring focus:ring-pavitra-600 focus:border-pavitra-600 focus:outline-none border-gray-300 dark:focus:ring-blue-600 dark:focus:border-blue-600',
   corners: 'rounded',
   cardsStyle: 'bg-white border border-pavitra-400',
-  linkColor: 'text-blue-600',
+  linkColor: 'text-pavitra-600',
   websiteHeder: 'border-b border-gray-200',
   borders: 'border-gray-200',
   shadow: '',
@@ -56,12 +56,12 @@ export const pastelEmeraldTheme: StyleObject = {
   aside:
     'bg-pastelEmeraldTheme-800 text-pastelEmeraldTheme-text dark:text-white  lg:rounded-lg',
   asideScrollbars: 'aside-scrollbars-blue',
-  asideBrand: 'text-blue-500 bg-white',
+  asideBrand: 'text-pavitra-500 bg-white',
   asideMenuItem:
     'text-pastelEmeraldTheme-text  hover:text-white dark:text-dark-500 dark:hover:text-white dark:hover:bg-dark-800 dark:text-white',
   asideMenuItemActive: 'font-bold text-white  dark:text-white',
   activeLinkColor: 'bg-pastelEmeraldTheme-buttonColor rounded-lg',
-  asideMenuDropdown: 'bg-blue-700/50',
+  asideMenuDropdown: 'bg-pavitra-700/50',
   navBarItemLabel: 'text-primaryText',
   iconsColor: 'text-pastelEmeraldTheme-iconsColor dark:text-pavitra-600',
   navBarItemLabelHover: 'hover:text-stone-400',
@@ -115,15 +115,15 @@ export const basic: StyleObject = {
   asideMenuItemActive: 'font-bold text-white',
   asideMenuDropdown: 'bg-gray-700/50',
   navBarItemLabel: 'text-black',
-  navBarItemLabelHover: 'hover:text-blue-500',
-  navBarItemLabelActiveColor: 'text-blue-600',
+  navBarItemLabelHover: 'hover:text-pavitra-500',
+  navBarItemLabelActiveColor: 'text-pavitra-600',
   overlay: 'from-gray-700 via-gray-900 to-gray-700',
   activeLinkColor: 'bg-gray-100/70',
   bgLayoutColor: 'bg-gray-50',
   iconsColor: 'text-pavitra-600',
   cardsColor: 'bg-white',
   focusRingColor:
-    'focus:ring focus:ring-blue-600 focus:border-blue-600 focus:outline-none dark:focus:ring-blue-600 border-gray-300 dark:focus:border-blue-600',
+    'focus:ring focus:ring-pavitra-600 focus:border-pavitra-600 focus:outline-none dark:focus:ring-blue-600 border-gray-300 dark:focus:border-blue-600',
   corners: 'rounded',
   cardsStyle: 'bg-white border border-pavitra-400',
   linkColor: 'text-black',