Compare commits

...

11 Commits

20 changed files with 140 additions and 99 deletions

View File

@@ -2,9 +2,9 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" /> <link rel="icon" type="image/svg+xml" href="/ipks_logo.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Vite + React</title> <title>IPKS | Development</title>
</head> </head>
<body> <body>
<div id="root"></div> <div id="root"></div>

13
package-lock.json generated
View File

@@ -1,13 +1,14 @@
{ {
"name": "my-project", "name": "osaka",
"version": "0.0.0", "version": "0.0.0",
"lockfileVersion": 3, "lockfileVersion": 3,
"requires": true, "requires": true,
"packages": { "packages": {
"": { "": {
"name": "my-project", "name": "osaka",
"version": "0.0.0", "version": "0.0.0",
"dependencies": { "dependencies": {
"clsx": "^2.1.1",
"i18next": "^23.15.1", "i18next": "^23.15.1",
"i18next-browser-languagedetector": "^8.0.0", "i18next-browser-languagedetector": "^8.0.0",
"i18next-http-backend": "^2.6.1", "i18next-http-backend": "^2.6.1",
@@ -1907,6 +1908,14 @@
"node": ">= 6" "node": ">= 6"
} }
}, },
"node_modules/clsx": {
"version": "2.1.1",
"resolved": "https://registry.npmjs.org/clsx/-/clsx-2.1.1.tgz",
"integrity": "sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==",
"engines": {
"node": ">=6"
}
},
"node_modules/color-convert": { "node_modules/color-convert": {
"version": "1.9.3", "version": "1.9.3",
"resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz", "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz",

View File

@@ -10,6 +10,7 @@
"preview": "vite preview" "preview": "vite preview"
}, },
"dependencies": { "dependencies": {
"clsx": "^2.1.1",
"i18next": "^23.15.1", "i18next": "^23.15.1",
"i18next-browser-languagedetector": "^8.0.0", "i18next-browser-languagedetector": "^8.0.0",
"i18next-http-backend": "^2.6.1", "i18next-http-backend": "^2.6.1",

21
public/ipks_logo.svg Normal file

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 6.5 KiB

View File

@@ -40,10 +40,11 @@
"notifications": "বিজ্ঞপ্তি", "notifications": "বিজ্ঞপ্তি",
"holidayList": "ছুটির তালিকা", "holidayList": "ছুটির তালিকা",
"information": "তথ্য", "information": "তথ্য",
"hpn_complete_before_31": "অনুগ্রহ করে ৩১শে মার্চের সমস্ত লেনদেন ২১: ঘটিকার আগে সম্পন্ন করুন", "hpn_complete_before_31": "অনুগ্রহ করে ৩১শে মার্চের সমস্ত লেনদেন ২১:00 ঘটিকার আগে সম্পন্ন করুন",
"hpn_npa": "আগামী ৩১শে মার্চ ২১: ঘটিকার আগে ঋণ এনপিএ রিপোর্ট থেকে প্রস্তাবিত এনপিএ স্থিতি যাচাই করার পরে প্রযোজ্য ঋণ অ্যাকাউন্টের জন্য এনপিএ চিহ্নিত/অচিহ্নিত করুন", "hpn_npa": "আগামী ৩১শে মার্চ ২১:00 ঘটিকার আগে ঋণ এনপিএ রিপোর্ট থেকে প্রস্তাবিত এনপিএ স্থিতি যাচাই করার পরে প্রযোজ্য ঋণ অ্যাকাউন্টের জন্য এনপিএ চিহ্নিত/অচিহ্নিত করুন",
"hpn_helpdesk_contact": "ফোনে সমস্যার সমাধানের জন্য আমাদের সাথে যোগাযোগ করুন 033-4065-9546 / 4071-8135 (সকাল ৯: থেকে রাত ৯: পর্যন্ত)", "hpn_helpdesk_contact": "ফোনে সমস্যার সমাধানের জন্য আমাদের সাথে যোগাযোগ করুন 033-4065-9546 / 4071-8135 (সকাল ৯:00 থেকে রাত ৯:00 পর্যন্ত)",
"hpn_rupay_kcc_time": "সমস্ত রূপে কিসান ক্রেডিট কার্ড লেনদেন ১৯: ঘটিকার আগে সম্পন্ন করুন", "hpn_rupay_kcc_time": "সমস্ত রূপে কিসান ক্রেডিট কার্ড লেনদেন ১৯:00 ঘটিকার আগে সম্পন্ন করুন",
"hpn_rupay_kcc_atm": "কিছু অভ্যন্তরীণ পরিবর্তনের কারণে, মাইক্রো-এটিএম এর মাধ্যমে রূপে কিসান ক্রেডিট কার্ড কার্যক্রম বন্ধ করা হয়েছে। সেবা আগামীকাল থেকে পুনরায় চালু হবে।" "hpn_rupay_kcc_atm": "কিছু অভ্যন্তরীণ পরিবর্তনের কারণে, মাইক্রো-এটিএম এর মাধ্যমে রূপে কিসান ক্রেডিট কার্ড কার্যক্রম বন্ধ করা হয়েছে। সেবা আগামীকাল থেকে পুনরায় চালু হবে।",
"copyright_statement": "কপিরাইট © ২০২৩, টাটা কনসাল্টেন্সি সার্ভিসেস। সমস্ত অধিকার সংরক্ষিত",
"privacy_policy": "গোপনীয়তা নীতি"
} }

View File

@@ -45,5 +45,7 @@
"hpn_npa": "Do Mark/Unmark NPA for applicable loan accounts after verifying suggestive NPA status from loan NPA reports before upcoming 31st March 21:00 Hrs", "hpn_npa": "Do Mark/Unmark NPA for applicable loan accounts after verifying suggestive NPA status from loan NPA reports before upcoming 31st March 21:00 Hrs",
"hpn_helpdesk_contact": "For on call issue resolution reach us at 033-4065-9546 / 4071-8135 (9:00 AM to 9:00 PM)", "hpn_helpdesk_contact": "For on call issue resolution reach us at 033-4065-9546 / 4071-8135 (9:00 AM to 9:00 PM)",
"hpn_rupay_kcc_time": "Complete all Rupay KCC transactions before 19:00 Hrs", "hpn_rupay_kcc_time": "Complete all Rupay KCC transactions before 19:00 Hrs",
"hpn_rupay_kcc_atm": "Due to some internal changes, Rupay KCC Operations through Micro-ATM has been stopped. The service will resume starting tomorrow." "hpn_rupay_kcc_atm": "Due to some internal changes, Rupay KCC Operations through Micro-ATM has been stopped. The service will resume starting tomorrow.",
"copyright_statement": "Copyright © 2023, Tata Consultancy Services. All rights reserved",
"privacy_policy": "Privacy Policy"
} }

View File

@@ -45,6 +45,7 @@
"hpn_npa": "कृपया आगामी 31 मार्च 21:00 बजे से पहले ऋण एनपीए रिपोर्ट से सुझावित एनपीए स्थिति की जांच के बाद संबंधित ऋण खातों के लिए एनपीए को चिह्नित/अचिह्नित करें", "hpn_npa": "कृपया आगामी 31 मार्च 21:00 बजे से पहले ऋण एनपीए रिपोर्ट से सुझावित एनपीए स्थिति की जांच के बाद संबंधित ऋण खातों के लिए एनपीए को चिह्नित/अचिह्नित करें",
"hpn_helpdesk_contact": "किसी भी समस्या के समाधान के लिए हमें 033-4065-9546 / 4071-8135 (सुबह 9:00 से रात 9:00 बजे तक) पर संपर्क करें", "hpn_helpdesk_contact": "किसी भी समस्या के समाधान के लिए हमें 033-4065-9546 / 4071-8135 (सुबह 9:00 से रात 9:00 बजे तक) पर संपर्क करें",
"hpn_rupay_kcc_time": "सभी रुपे केसीसी लेनदेन 19:00 बजे से पहले पूरा करें", "hpn_rupay_kcc_time": "सभी रुपे केसीसी लेनदेन 19:00 बजे से पहले पूरा करें",
"hpn_rupay_kcc_atm": "कुछ आंतरिक बदलावों के कारण, माइक्रो-एटीएम के माध्यम से रुपे केसीसी संचालन बंद कर दिया गया है। सेवा कल से फिर से शुरू होगी।" "hpn_rupay_kcc_atm": "कुछ आंतरिक बदलावों के कारण, माइक्रो-एटीएम के माध्यम से रुपे केसीसी संचालन बंद कर दिया गया है। सेवा कल से फिर से शुरू होगी।",
"copyright_statement": "कॉपीराइट © 2023, टाटा कंसल्टेंसी सर्विसेज। सभी अधिकार सुरक्षित",
"privacy_policy": "गोपनीयता नीति"
} }

View File

@@ -5,7 +5,7 @@ import Footer from "./components/Footer"
function App() { function App() {
return <div className="flex flex-col min-h-screen"> return <div className="flex flex-col min-h-screen">
<Header /> <Header />
<main className="flex transition-color-mode px-7 flex-grow bg-surface dark:bg-surface-dark"> <main className="flex flex-grow transition-color-mode md:p-7 2xl:p-12 bg-surface dark:bg-surface-dark">
<Outlet /> <Outlet />
</main> </main>
<Footer /> <Footer />

View File

@@ -8,9 +8,9 @@ function AppTitle() {
const { t } = useTranslation(); const { t } = useTranslation();
return ( return (
<div className='flex items-center justify-between pt-3 pb-5'> <div className='flex items-center justify-between pt-3 pb-5'>
<div className='flex gap-5 items-center'> <div className='flex items-center gap-5'>
<img src={IpksLogo} alt="IPKS Logo" className="h-16" /> <img src={IpksLogo} alt="IPKS Logo" className="h-16" />
<h1 className="text-title font-display font-bold">{t('appName')}</h1> <h1 className="font-bold text-title font-display">{t('appName')}</h1>
</div> </div>
<div className='flex items-center gap-2'> <div className='flex items-center gap-2'>
<DarkModeToggle /> <DarkModeToggle />

View File

@@ -22,9 +22,8 @@ const DarkModeToggle = () => {
return ( return (
<button <button
className="p-2 text-gray-800 transition-colors duration-200 bg-gray-200 rounded-full"
onClick={toggleDarkMode} onClick={toggleDarkMode}
className="p-2 rounded-full bg-gray-200 text-gray-800 transition-colors duration-200"
data-theme={darkMode ? 'dark' : 'light'}
aria-label={darkMode ? 'Switch to light mode' : 'Switch to dark mode'} aria-label={darkMode ? 'Switch to light mode' : 'Switch to dark mode'}
> >
{darkMode ? <Sun className="w-5 h-5" /> : <Moon className="w-5 h-5" />} {darkMode ? <Sun className="w-5 h-5" /> : <Moon className="w-5 h-5" />}

View File

@@ -1,7 +1,11 @@
import { useTranslation } from 'react-i18next';
function Footer() { function Footer() {
const { t } = useTranslation();
return ( return (
<footer> <footer className="flex justify-between p-2 text-sm px-7 font-body bg-tertiary text-primary dark:bg-tertiary-dark dark:text-primary-dark">
<p>© 2021</p> <p>{t('copyright_statement')}</p>
<a className="cursor-pointer">{t('privacy_policy')}</a>
</footer> </footer>
); );
} }

View File

@@ -1,9 +1,12 @@
import { PropTypes } from 'prop-types'; import { PropTypes } from 'prop-types';
import clsx from 'clsx';
function FormBox({title, children}) { function FormBox({ title, children, alt = false }) {
return ( return (
<div className='transition-color-mode font-body bg-surface-variant border-secondary dark:bg-surface-variant-dark dark:border-primary-dark border-2 p-4 rounded-3xl relative h-full'> <div className={clsx(alt ? 'bg-secondary-variant dark:bg-secondary-variant-dark border-secondary-variant dark:border-secondary-variant-dark' : 'bg-surface-variant dark:bg-surface-variant-dark', 'transition-color-mode font-body border-secondary dark:border-secondary-dark border-2 p-4 rounded-3xl relative h-full')}>
<label className='font-body absolute left-11 -top-4 bg-secondary dark:bg-secondary-dark text-primary dark:text-primary-dark font-medium py-1 px-4 rounded-full'>{title}</label> <label className={clsx(alt && 'bg-surface dark:bg-surface-dark border-3 border-secondary-variant dark:border-secondary-variant-dark', 'font-body absolute left-11 -top-4 bg-secondary dark:bg-secondary-dark text-primary dark:text-primary-dark font-medium py-1 px-4 rounded-full')}>
{title}
</label>
{children} {children}
</div> </div>
); );
@@ -11,7 +14,8 @@ function FormBox({title, children}) {
FormBox.propTypes = { FormBox.propTypes = {
children: PropTypes.node.isRequired, children: PropTypes.node.isRequired,
title: PropTypes.string.isRequired title: PropTypes.string.isRequired,
alt: PropTypes.bool,
}; };
export default FormBox; export default FormBox;

View File

@@ -5,50 +5,50 @@ import MenuBar from "./MenuBar";
import Separator from "./Separator"; import Separator from "./Separator";
function Header() { function Header() {
const userInfo = getUserInfoFromSession(); const userInfo = getUserInfoFromSession();
const menuItems = [ const menuItems = [
{ name: "home", submenu: [], path: "/" }, { name: "home", submenu: [], path: "/" },
{ {
name: "moduleList", name: "moduleList",
submenu: [ submenu: [
{name: "kcc", path: "kcc"}, { name: "kcc", path: "kcc" },
{name: "trading", path: "trading"}, { name: "trading", path: "trading" },
{name: "asset", path: "asset"}, { name: "asset", path: "asset" },
{name: "selfHelpGroup", path: "shg"}, { name: "selfHelpGroup", path: "shg" },
{name: "deposit", path: "deposit"}, { name: "deposit", path: "deposit" },
{name: "loan", path: "loan"}, { name: "loan", path: "loan" },
{name: "share", path: "share"}, { name: "share", path: "share" },
], ],
}, },
{ name: "enquiry", submenu: [{name: "lockerEnquiry", path: "locker-enquiry"}, {name: "accountEnquiry", path: "account-enquiry"}] }, { name: "enquiry", submenu: [{ name: "lockerEnquiry", path: "locker-enquiry" }, { name: "accountEnquiry", path: "account-enquiry" }] },
{ {
name: "lockerOperation", name: "lockerOperation",
submenu: [ submenu: [
{name: "accountCreation", path: "account-creation"}, { name: "accountCreation", path: "account-creation" },
{name: "cabinetMaintenance", path: "cabinet-maintenance"}, { name: "cabinetMaintenance", path: "cabinet-maintenance" },
{name: "lockerMaintenance", path: "locker-maintenance"}, { name: "lockerMaintenance", path: "locker-maintenance" },
{name: "rentPenaltyCollection", path: "rent-collection"}, { name: "rentPenaltyCollection", path: "rent-collection" },
{name: "chargeManagement", path: "charge-management"}, { name: "chargeManagement", path: "charge-management" },
{name: "checkInOutManagement", path: "check-in-out"}, { name: "checkInOutManagement", path: "check-in-out" },
{name: "accountSurrender", path: "account-surrender"} { name: "accountSurrender", path: "account-surrender" }
], ],
}, },
{ name: "worklist", submenu: [{name:"myIntimation", path: "my-intimation"}] }, { name: "worklist", submenu: [{ name: "myIntimation", path: "my-intimation" }] },
{ {
name: "userManagement", name: "userManagement",
submenu: [{name: "resetLogin", path: "reset-login"}, {name: "changePassword", path: "change-password"}], submenu: [{ name: "resetLogin", path: "reset-login" }, { name: "changePassword", path: "change-password" }],
}, },
{ name: "logout", submenu: [] }, { name: "logout", submenu: [] },
]; ];
return ( return (
<div className="transition-color-mode px-7 bg-secondary dark:bg-secondary-dark text-primary dark:text-primary-dark"> <div className="px-12 transition-color-mode bg-secondary dark:bg-secondary-dark text-primary dark:text-primary-dark">
<AppTitle /> <AppTitle />
<BannerInfo info={userInfo} /> <BannerInfo info={userInfo} />
<Separator /> <Separator />
<MenuBar menuItems={menuItems} /> <MenuBar menuItems={menuItems} />
</div> </div>
) )
} }
export default Header; export default Header;

View File

@@ -9,7 +9,7 @@ const LanguageSelector = () => {
return ( return (
<div> <div>
<select className='font-body rounded-md bg-secondary dark:bg-secondary-dark' id="language-select" onChange={changeLanguage} value={i18n.language}> <select className='rounded-md font-body bg-secondary dark:bg-secondary-dark focus:outline-none' id="language-select" onChange={changeLanguage} value={i18n.language}>
<option value="en">English</option> <option value="en">English</option>
<option value="bn"></option> <option value="bn"></option>
<option value="hi">ि</option> <option value="hi">ि</option>

View File

@@ -2,19 +2,16 @@ import { Link } from "react-router-dom";
import PropTypes from "prop-types"; import PropTypes from "prop-types";
import { useTranslation } from "react-i18next"; import { useTranslation } from "react-i18next";
const SubMenu = ({ items }) => { function SubMenu({ items }) {
const {t} = useTranslation(); const { t } = useTranslation();
return ( return (
<div className=" <div className="absolute left-0 z-50 invisible transition-all duration-200 -translate-y-6 shadow-sm opacity-0 top-full border-t-3 border-primary dark:border-primary-dark bg-secondary dark:bg-secondary-dark rounded-2xl shadow-surface-variant-dark dark:shadow-primary group-hover:visible group-hover:translate-y-0 group-hover:opacity-100">
hidden absolute top-full left-0 border-t-3 border-primary dark:border-primary-dark bg-secondary
dark:bg-secondary-dark rounded-2xl shadow-sm shadow-surface-variant-dark dark:shadow-primary group-hover:block z-10"
>
{items.map((subItem, index) => ( {items.map((subItem, index) => (
<div key={index} className="px-6 py-2 text-nowrap hover:bg-white dark:hover:bg-secondary-variant-dark cursor-pointer first:rounded-t-2xl second-last:rounded-b-2xl first:pt-4 last:pb-4"> <div key={index} className="px-6 py-2 cursor-pointer text-nowrap hover:bg-white dark:hover:bg-secondary-variant-dark first:rounded-t-2xl second-last:rounded-b-2xl first:pt-4 last:pb-4">
<Link to={subItem.path}>{t(subItem.name)}</Link> <Link to={subItem.path}>{t(subItem.name)}</Link>
</div> </div>
))} ))}
<svg className="absolute top-0 left-6 mt-[-13px] fill-primary dark:fill-primary-dark" width="16" height="13" viewBox="0 0 16 13" xmlns="http://www.w3.org/2000/svg"> <svg className="absolute top-0 left-6 mt-[-13px] fill-primary dark:fill-primary-dark" width="16" height="13" viewBox="0 0 16 13" xmlns="http://www.w3.org/2000/svg">
<path d="M6.26795 1C7.03775 -0.333332 8.96225 -0.333334 9.73205 0.999999L14.9282 10C15.698 11.3333 14.7358 13 13.1962 13H2.80385C1.26425 13 0.301996 11.3333 1.0718 10L6.26795 1Z" /> <path d="M6.26795 1C7.03775 -0.333332 8.96225 -0.333334 9.73205 0.999999L14.9282 10C15.698 11.3333 14.7358 13 13.1962 13H2.80385C1.26425 13 0.301996 11.3333 1.0718 10L6.26795 1Z" />
</svg> </svg>
</div> </div>
@@ -22,11 +19,11 @@ const SubMenu = ({ items }) => {
}; };
function MenuBar({ menuItems }) { function MenuBar({ menuItems }) {
const {t} = useTranslation(); const { t } = useTranslation();
return ( return (
<div className="flex justify-between text-base pt-5 pb-2 font-body"> <div className="flex justify-between pt-5 pb-2 text-base font-body">
{menuItems.map((item, index) => {menuItems.map((item, index) =>
<div key={index} className="group relative pb-3 cursor-pointer"> <div key={index} className="relative pb-3 cursor-pointer group">
{t(item.name)} {t(item.name)}
{item.submenu.length > 0 && <SubMenu items={item.submenu} />} {item.submenu.length > 0 && <SubMenu items={item.submenu} />}
</div> </div>

View File

@@ -1,7 +1,7 @@
function Separator() { function Separator() {
return ( return (
<div className="h-[2px]"> <div className="h-[2px]">
<div className="h-full w-full bg-white dark:bg-primary rounded-md"></div> <div className="w-full h-full bg-white rounded-md dark:bg-primary-dark"></div>
</div> </div>
) )
} }

View File

@@ -9,7 +9,7 @@ i18n
.use(initReactI18next) .use(initReactI18next)
.init({ .init({
fallbackLng: 'en', fallbackLng: 'en',
interpolation: { escapeValue: false}, interpolation: { escapeValue: false },
debug: true, debug: true,
backend: { backend: {
loadPath: '/locales/{{lng}}/{{ns}}.json', loadPath: '/locales/{{lng}}/{{ns}}.json',

View File

@@ -9,23 +9,23 @@ function Home() {
const userInformation = getUserInfoFromSession(); const userInformation = getUserInfoFromSession();
return ( return (
<div className="py-7 flex flex-grow gap-7"> <div className="flex flex-grow gap-7">
<div className="flex gap-7 flex-col basis-1/3"> <div className="flex flex-col gap-7 basis-1/3">
<div className="flex-grow"> <div className="flex-grow">
<FormBox title={t('holidayList')}> <FormBox title={t('holidayList')} alt={true}>
<ul className="list-inside list-disc px-4"> <ul className="px-4 list-disc list-inside">
{holidayList.map((holiday, index) => ( {holidayList.map((holiday, index) => (
<li key={index} className="font-body py-1 text-surface-dark dark:text-surface text-lg/loose">{holiday.date} - {holiday.name}</li> <li key={index} className="py-2 font-body text-surface dark:text-surface-dark text-lg/loose">{t(holiday.date)} - {t(holiday.name)}</li>
))} ))}
</ul> </ul>
</FormBox> </FormBox>
</div> </div>
<div className="flex-grow"> <div className="flex-grow">
<FormBox title={t('information')}> <FormBox title={t('information')}>
<ul className="list-inside list-disc px-4"> <ul className="px-4 list-disc list-inside">
{ {
Object.keys(userInformation).map((key, index) => ( Object.keys(userInformation).map((key, index) => (
<li key={index} className="font-body py-1 text-surface-dark dark:text-surface text-lg/loose">{t(key)}: {t(userInformation[key])}</li> <li key={index} className="py-2 font-body text-surface-dark dark:text-surface text-lg/loose">{t(key)}: {t(userInformation[key])}</li>
)) ))
} }
</ul> </ul>
@@ -35,15 +35,14 @@ function Home() {
<div className="basis-2/3"> <div className="basis-2/3">
<div className="h-full"> <div className="h-full">
<FormBox title={t('notifications')}> <FormBox title={t('notifications')}>
<ul className="list-inside list-disc px-4"> <ul className="px-4 list-disc list-inside">
{homePageNotifications.map((notification, index) => ( {homePageNotifications.map((notification, index) => (
<li className="font-body py-1 text-surface-dark dark:text-surface text-lg/loose" key={index}>{t(notification)}</li> <li key={index} className="py-2 font-body text-surface-dark dark:text-surface text-lg/relaxed">{t(notification)}</li>
))} ))}
</ul> </ul>
</FormBox> </FormBox>
</div> </div>
</div> </div>
</div> </div>
); );
} }

View File

@@ -1,6 +1,6 @@
function Placeholder() { function Placeholder() {
return ( return (
<div className="h-max text-center text-2xl font-body text-primary dark:text-primary-dark"> <div className="text-2xl text-center h-max font-body text-primary dark:text-primary-dark">
<h1>Placeholder</h1> <h1>Placeholder</h1>
</div > </div >
); );

View File

@@ -12,18 +12,21 @@ export default {
transparent: 'transparent', transparent: 'transparent',
primary: { primary: {
DEFAULT: '#008C46', DEFAULT: '#008C46',
dark: '#6affb4' dark: '#E6F4E1'
}, },
secondary: { secondary: {
DEFAULT: '#B1E1B3', DEFAULT: '#B1E1B3',
dark: '#20542f', dark: '#7DBD80',
// dark: '#3d9f59', variant: {DEFAULT: '#80AE82', dark: '#5B875D'}
variant: {DEFAULT: '#80AE82', dark: '#5F8E5F'} },
tertiary: {
DEFAULT: '#f2f2df',
dark: '#3d3d29',
}, },
surface: { surface: {
DEFAULT: '#F6F6F6', DEFAULT: '#F6F6F6',
dark: '#2d3133', dark: '#2d332d',
variant: {DEFAULT: '#F4FFF4', dark: '#3e4345'} variant: {DEFAULT: '#F4FFF4', dark: '#2b372c'}
}, },
}, },