Sign up portal is not displaying in blue theme

Signed-off-by: Sreang Rathanak <[email protected]>
rathanak-0080 · Jul 3, 2024 · 96bf4c6 · 96bf4c6
1 parent f0be2c9
commit 96bf4c6
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 7 deletions.
diff --git a/signup-ui/src/common/LoadingIndicator.tsx b/signup-ui/src/common/LoadingIndicator.tsx
@@ -40,7 +40,7 @@ const LoadingIndicator = ({
         <LoadingIcon
           style={dynamicSize[size]}
           className={cn(
-            "mr-2 h-8 w-8 animate-spin fill-secondary text-orange-500 rtl:ml-2 dark:text-gray-600",
+            "mr-2 h-8 w-8 animate-spin fill-secondary text-primary rtl:ml-2 dark:text-gray-600",
             iconClass
           )}
         />

diff --git a/signup-ui/src/components/language.tsx b/signup-ui/src/components/language.tsx
@@ -124,13 +124,13 @@ export const Language = () => {
                 {value}
                 <div className="ml-auto">
                   {i18n.language === key && (
-                    <Icons.check className="h-4 w-4 text-orange-500" />
+                    <Icons.check className="h-4 w-4 text-primary" />
                   )}
                 </div>
               </DropdownMenu.Item>
             ))}
             <DropdownMenu.Arrow asChild>
-              <Icons.chevronUpSolid className="stroke-[#bcbcbc] h-[7px]"/>
+              <Icons.chevronUpSolid className="h-[7px] stroke-[#bcbcbc]" />
             </DropdownMenu.Arrow>
           </DropdownMenu.Content>
         </DropdownMenu.Portal>

diff --git a/signup-ui/src/pages/EkycVerificationPage/VideoPreview/VideoPreview.tsx b/signup-ui/src/pages/EkycVerificationPage/VideoPreview/VideoPreview.tsx
@@ -51,7 +51,7 @@ export const VideoPreview = ({
 
   // key info list for video preview page
   const keyInfoList = Object.keys(t("key_info"));
-  
+
   /**
    * Handle the proceed button click, move forward to video preview page
    * @param e event
@@ -163,7 +163,7 @@ export const VideoPreview = ({
     <>
       {cancelPopup({ cancelButton, handleStay })}
       <div className="my-4 flex flex-row items-stretch justify-center gap-x-1">
-        <Step className="mx-10 lg:mx-4 md:rounded-2xl md:shadow sm:rounded-2xl sm:shadow sm:mx-0">
+        <Step className="mx-10 lg:mx-4 md:rounded-2xl md:shadow sm:mx-0 sm:rounded-2xl sm:shadow">
           <StepHeader className="px-0 py-5 sm:pb-[25px] sm:pt-[33px]">
             <StepTitle className="relative flex w-full items-center justify-center gap-x-4 text-base font-semibold">
               <div
@@ -181,7 +181,7 @@ export const VideoPreview = ({
             <div className="scrollable-div !h-[250px] md:mt-8 sm:mt-8">
               {keyInfoList.map((keyInfo, index) => (
                 <div key={index} className="mb-6">
-                  <Icons.check className="mr-1 inline-block h-4 w-4 stroke-[4px] text-orange-500" />
+                  <Icons.check className="mr-1 inline-block h-4 w-4 stroke-[4px] text-primary" />
                   <span>{t(`key_info.${keyInfo}`)}</span>
                 </div>
               ))}

diff --git a/signup-ui/src/pages/ResetPasswordPage/ResetPasswordStatus/ResetPasswordStatus.tsx b/signup-ui/src/pages/ResetPasswordPage/ResetPasswordStatus/ResetPasswordStatus.tsx
@@ -78,7 +78,7 @@ export const ResetPasswordStatus = ({ settings }: ResetPasswordStatusProps) => {
     <Step>
       <StepContent className="py-16">
         <div className="flex flex-col items-center gap-8">
-          <Icons.loader className="h-20 w-20 animate-spin text-orange-500" />
+          <Icons.loader className="h-20 w-20 animate-spin text-primary" />
           <div>
             <h1 className="text-center text-2xl font-semibold">
               {t("password_reset_in_progress")}