+ className={`fixed top-[100px] ${isRtl?'left-4 lg:left-[2]':'right-4 lg:right-[2]'} py-[22px] px-[18px] text-white rounded-[12px] shadow-lg ${backgroundColorMapping[alertInfo.severity ?? "success"]} ${alertInfo.open ? "" : "hidden"}`}>
{alertInfo.message}
diff --git a/ui/src/index.css b/ui/src/index.css
index afa6d668..f5b917c1 100644
--- a/ui/src/index.css
+++ b/ui/src/index.css
@@ -7,9 +7,7 @@
@layer base {
:root {
--iv-font-base: "Inter", sans-serif;
- --iv-primary-color: #951f6f;
- --iv-color-primary: #ff5300;
- --iv-color-secondary: #5b03ad;
+ --iv-primary-color: #278834;
--iv-logo-start-color: #ffb600;
--iv-background-color: #ffffff;
--iv-white-text: #ffffff;
@@ -21,8 +19,8 @@
--iv-verificationMethodTabs-bg-color: #ffffff;
--iv-horizontal-line: #ff7f00;
--iv-page-background-color: #fafbfd;
- --iv-success: #4b9d1f;
- --iv-invalid: #d73e3e;
+ --iv-success: #1f9f60;
+ --iv-invalid: #cb4241;
--iv-expired: #d98c00;
--iv-success-alert: #57a04b;
--iv-warning-alert: #d98c00;
@@ -40,27 +38,18 @@
--iv-active-tab-background: #ff7f00;
--iv-inactive-tab-text: #000000;
--iv-inactive-tab-background: #ffffff;
- --iv-disabledTab-bg: #e5e7eb;
- --iv-disabledTab-text: #4b5563;
+ --iv-disabledTab-bg: #e8e8e8;
+ --iv-disabledTab-text: #4d4d4d;
--iv-document-icon: #000000;
--iv-gradient-scanning-line: linear-gradient(
90deg,
- #ff5300 0%,
- #fb5103 16%,
- #f04c0f 31%,
- #de4322 46%,
- #c5363c 61%,
- #a4265f 75%,
- #7c1389 90%,
- #5b03ad 100%
+ #52ae32 0%,
+ #006535 100%
);
- --iw-color-languageArrowIcon: #951f6f;
}
[class="purple_theme"] {
--iv-font-base: "Gentium Plus", serif;
--iv-primary-color: #5a31ee;
- --iv-color-primary: #ff5300;
- --iv-color-secondary: #5b03ad;
--iv-logo-start-color: #8f69ec;
--iv-background-color: #ffffff;
--iv-white-text: #ffffff;
@@ -105,7 +94,6 @@
#7c1389 90%,
#5b03ad 100%
);
- --iw-color-languageArrowIcon: #0fac8b;
}
}
diff --git a/ui/src/locales/en.json b/ui/src/locales/en.json
index 6cf4d503..bf86d161 100644
--- a/ui/src/locales/en.json
+++ b/ui/src/locales/en.json
@@ -86,7 +86,7 @@
"unsupportedFormat": "VP Formats Not Supported"
},
"CopyRight": {
- "content": "2024 © MOSIP - All rights reserved."
+ "content": "Powered by Inji, a MOSIP product"
},
"CameraAccessDenied": {
"header": "Camera Access Denied",
diff --git a/ui/src/locales/pt.json b/ui/src/locales/pt.json
index 267aa673..81a8a159 100644
--- a/ui/src/locales/pt.json
+++ b/ui/src/locales/pt.json
@@ -86,7 +86,7 @@
"unsupportedFormat": "Formatos VP não suportados"
},
"CopyRight": {
- "content": "2024 © MOSIP – Todos os direitos reservados."
+ "content": "Desenvolvido por Inji, um produto MOSIP"
},
"CameraAccessDenied": {
"header": "Acesso à câmera negado",
diff --git a/ui/src/utils/i18n.ts b/ui/src/utils/i18n.ts
index 35f064bc..bda46720 100644
--- a/ui/src/utils/i18n.ts
+++ b/ui/src/utils/i18n.ts
@@ -15,15 +15,9 @@ import { LanguageObject } from "../types/data-types";
const resources = { en, ta, kn, hi, fr, ar, pt, es, km };
export const LanguagesSupported: LanguageObject[] = [
- { label: "English", value: "en" },
- { label: "தமிழ்", value: "ta" },
- { label: "ಕನ್ನಡ", value: "kn" },
- { label: "हिंदी", value: "hi" },
- { label: "Français", value: "fr" },
- { label: "عربي", value: "ar" },
{ label: "Português", value: "pt" },
- { label: "español", value: "es" },
- { label: "ខ្មែរ", value: "km" },
+ { label: "English", value: "en" },
+
];
export const defaultLanguage = window._env_.DEFAULT_LANG;
diff --git a/ui/src/utils/theme-utils.ts b/ui/src/utils/theme-utils.ts
index 45b5b35c..bfa8f480 100644
--- a/ui/src/utils/theme-utils.ts
+++ b/ui/src/utils/theme-utils.ts
@@ -1,4 +1,4 @@
-import { ReactComponent as InjiLogo } from "../assets/images/inji-verify.svg";
+import { ReactComponent as NavLogo } from "../assets/logo.svg";
import orangeScanOutline from "../assets/scanner-outline.svg";
import purpleScanOutline from "../assets/purple-scanner-outline.svg";
import { ReactComponent as GradientScanFillIcon } from "../assets/gradient-scan-icon.svg";
@@ -14,9 +14,11 @@ import { ReactComponent as GlobeSvgIcon } from "../assets/globe.svg";
import { ReactComponent as ArrowDownSvgIcon } from "../assets/arrow-down.svg";
import { ReactComponent as ArrowUpSvgIcon } from "../assets/arrow-up.svg";
import { ReactComponent as CheckSvgIcon } from "../assets/check.svg";
+import { ReactComponent as InjiVerLogo } from "../assets/inji-verify.svg";
+import { ReactComponent as UnderConstructionLogo } from "../assets/under-construction.svg";
-
-export const Logo = InjiLogo;
+export const Logo = NavLogo;
+export const InjiLogo = InjiVerLogo;
export const QrIcon = QrCodeIcon;
export const GradientScanIcon = GradientScanFillIcon;
export const WhiteScanIcon = WhiteScanFillIcon;
@@ -30,4 +32,5 @@ export const ScanOutline = window._env_.DEFAULT_THEME !== "purple_theme" ? orang
export const GlobeIcon = GlobeSvgIcon;
export const ArrowDown = ArrowDownSvgIcon;
export const ArrowUp = ArrowUpSvgIcon;
-export const Check = CheckSvgIcon;
\ No newline at end of file
+export const Check = CheckSvgIcon;
+export const UnderConstruction = UnderConstructionLogo;
diff --git a/ui/tailwind.config.js b/ui/tailwind.config.js
index 061fae8d..47aa713c 100644
--- a/ui/tailwind.config.js
+++ b/ui/tailwind.config.js
@@ -48,16 +48,15 @@ module.exports = {
activeTabBackground: "var(--iv-active-tab-background)",
inactiveTabText: "var(--iv-inactive-tab-text)",
inactiveTabBackground: "var(--iv-inactive-tab-background)",
- disableTabBackground:"var(--iv-disabledTab-bg)",
- disableTabText:"var(--iv-disabledTab-text)",
+ disableTabBackground: "var(--iv-disabledTab-bg)",
+ disableTabText: "var(--iv-disabledTab-text)",
documentIcon: "var(--iv-document-icon)",
},
backgroundImage: {
- "gradient":
- "linear-gradient(90deg, #FF5300 0%, #FB5103 16%, #F04C0F 31%, #DE4322 46%, #C5363C 61%, #A4265F 75%, #7C1389 90%, #5B03AD 100%)",
- "gradient-sm":"linear-gradient(90deg, rgb(255, 83, 0) 0%, rgb(251, 81, 3) 5%, rgb(240, 76, 15) 10%, rgb(222, 67, 34) 15%, rgb(197, 54, 60) 20%, rgb(164, 38, 95) 30%, rgb(124, 19, 137) 35%, rgb(91, 3, 173) 45%)",
+ "gradient": "linear-gradient(90deg, #52AE32 0%, #006535 100%)",
+ "gradient-sm": "linear-gradient(90deg, #52AE32 0%, #006535 100%)",
"lighter-gradient":
- "linear-gradient(90deg, rgba(255, 83, 0, 0.08) 0%, rgba(251, 81, 3, 0.08) 16%, rgba(240, 76, 15, 0.08) 31%, rgba(222, 67, 34, 0.08) 46%, rgba(197, 54, 60, 0.08) 61%, rgba(164, 38, 95, 0.08) 75%, rgba(124, 19, 137, 0.08) 90%, rgba(91, 3, 173, 0.08) 100%)",
+ "linear-gradient(83.99deg, rgba(211, 246, 199, 0.08) 38.27%, rgba(82, 174, 50, 0.08) 93.3%)",
},
},
},