red button

.gitignore

@@ -1,3 +1,8 @@
 node_modules/
 */node_modules/
 */build/
+
+**/node_modules/
+**/build/
+.DS_Store
+.env

frontend/src/colors.ts

@@ -80,7 +80,7 @@ export const getButtonColor = (
       contrast: 'bg-gray-800 text-white dark:bg-white dark:text-black',
       success: 'bg-emerald-600 dark:bg-pavitra-blue text-white',
       danger:
-        'bg-midnightBlueTheme-outsideCardColor text-red-500 dark:text-white    dark:bg-red-500 ',
+        'bg-red-500 text-white',
       warning: 'bg-yellow-600 dark:bg-yellow-500 text-white',
       info: ' bg-midnightBlueTheme-buttonColor  dark:bg-pavitra-blue  text-white ',
     },

frontend/src/components/WebPageComponents/HeroComponent/designs/HeroImageBg.tsx

@@ -23,7 +23,7 @@ const HeroImageBg = ({
       <BaseButton
         href='/login'
         label={`${buttonText}`}
-        color='info'
+        color='danger'
         className='px-4 sm:px-6 py-2 '
       />
     </div>

frontend/src/components/WebPageComponents/HeroComponent/designs/HeroImageLeft.tsx

@@ -20,7 +20,7 @@ const HeroImageLeft = ({
         <BaseButton
           href='/login'
           label={`${buttonText}`}
-          color='info'
+          color='danger'
           className=' px-4 sm:px-6 py-2 '
         />
       </div>

frontend/src/components/WebPageComponents/HeroComponent/designs/HeroImageRight.tsx

@@ -37,7 +37,7 @@ const HeroImageRight = ({
         <BaseButton
           href='/login'
           label={`${buttonText}`}
-          color='info'
+          color='danger'
           className=' px-4 sm:px-6 py-2 '
         />
       </div>

frontend/src/interfaces/index.ts

@@ -44,6 +44,8 @@ export type ColorButtonKey =
   | 'lightDark'
   | 'contrast'
   | 'success'
+  | 'danger'
+
   | 'danger'
   | 'warning'
   | 'info'