Theme updated

2026-04-27 22:45:51 +00:00 · 2024-05-21 20:21:30 +05:30
parent 0b595eb799
commit 150a4af90a
29 changed files with 78 additions and 54 deletions
--- a/src/App.css
+++ b/src/App.css
@@ -23,7 +23,8 @@
 }

 .active{
-  background-color: #e2e8f086;
+  /* background-color: #e2e8f086; */
+  background-color: #e2e8f01c;
 }

 .link {
@@ -33,11 +34,13 @@
 }

 .link:hover {
-  background-color: #e2e8f065 !important;
+  /* background-color: #e2e8f065 !important; */
+  background-color: #e2e8f01c !important;
 }

 .active:hover {
-  background-color: #e2e8f065;
+  /* background-color: #e2e8f065; */
+  background-color: #e2e8f01c !important;
 }

 .web-text-small{
--- a/src/Components/Banner/AddBanner.jsx
+++ b/src/Components/Banner/AddBanner.jsx
@@ -356,7 +356,7 @@ const AddBanner = ({ createApi, navigateLink, title }) => {
              isLoading={isLoading}
              spinner={<Loader01 />}
              color={"whitesmoke"}
-              backgroundColor={"purple.700"}
+              backgroundColor={"purple.900"}
              _hover={{
                backgroundColor: "purple.800",
              }}
--- a/src/Components/Banner/BannerEdit.jsx
+++ b/src/Components/Banner/BannerEdit.jsx
@@ -408,7 +408,7 @@ const BannerEdit = ({isLoading, data, updateBanner, navigateTo}) => {
            isLoading={isLoadingEdit}
            spinner={<Loader01 />}
            color={'whitesmoke'}
-            backgroundColor={'purple.700'}
+            backgroundColor={'purple.900'}
            _hover={{
              backgroundColor: "purple.800",
            }}
--- a/src/Components/Banner/BannerTable.jsx
+++ b/src/Components/Banner/BannerTable.jsx
@@ -210,7 +210,7 @@ const BannerCommunity = ({
      ),
      "Created At": (
        <span className="d-flex justify-content-between align-items-center">
-          <Text as={"span"} color={"teal.600"} className=" fw-bold">
+          <Text as={"span"} color={"gray.600"} className=" fw-bold">
            {formatDate(item?.createdAt)}
          </Text>
          <Menu>
--- a/src/Components/BannerStack.jsx
+++ b/src/Components/BannerStack.jsx
@@ -21,7 +21,7 @@ const BannerStack = ({
        alignItems={"center"}
        pe={1}
      >
-        <Text as={"span"} color={"teal.800"} className="web-text-large fw-bold">
+        <Text as={"span"} color={"purple.900"} className="web-text-large fw-bold">
          {stackTitle}
        </Text>

@@ -29,7 +29,7 @@ const BannerStack = ({
          <Button
            variant="ghost"
            rightIcon={<ArrowForwardIcon />}
-            colorScheme={"teal"}
+            colorScheme={"purple"}
            size="sm"
          >
            View all
--- a/src/Components/ChipSelector/ChipSelector.jsx
+++ b/src/Components/ChipSelector/ChipSelector.jsx
@@ -49,7 +49,7 @@ const ChipSelector = ({chips, setChips}) => {
        gap={2}
        >
          {chips?.map((chip, i) => (
-            <Tag key={i} size="sm" rounded="sm" variant='solid' colorScheme='teal'>
+            <Tag key={i} size="sm" ps={3} pe={3} pt={0.5} pb={0.5} rounded="full" variant='solid' backgroundColor={'#565263'}>
              <TagLabel className="text-uppercase">{chip}</TagLabel>
              <TagCloseButton onClick={() => removeChip(i)} />
            </Tag>
--- a/src/Components/DataTable/DataTable.jsx
+++ b/src/Components/DataTable/DataTable.jsx
@@ -11,7 +11,7 @@ const DataTable = ({ data, isLoading, tableHeadRow, emptyMessage }) => {
      ) : (
        <Table   size="sm">
        <TableCaption>Rubix v1.0.0</TableCaption>
-          <Thead   backgroundColor="gray.50">
+          <Thead   backgroundColor="purple.50">
            <Tr>
              {tableHeadRow.map((heading, index) => (
                <Th key={index} p={3} w={columnWidth}>
@@ -35,7 +35,7 @@ const DataTable = ({ data, isLoading, tableHeadRow, emptyMessage }) => {
              : data?.map((item, index) => (
                  <Tr key={index}>
                    {tableHeadRow.map((heading, i) => (
-                      <Td key={i} style={{ whiteSpace: "nowrap", textOverflow: "ellipsis" }} className="web-text-small" >
+                      <Td color={"gray.600"} key={i} style={{ whiteSpace: "nowrap", textOverflow: "ellipsis" }} className="web-text-small" >
                        {item[heading]}
                      </Td>
                    ))}
--- a/src/Components/Header.jsx
+++ b/src/Components/Header.jsx
@@ -18,7 +18,7 @@ const Header = ({ link, btnTitle, title }) => {
    >
      {/* <span className="fs-5">Community</span> */}

-      <Text as={"span"} color={"teal.800"} className="fs-6 ">
+      <Text as={"span"} fontWeight={'bold'} color={"puple.800"} className="fs-6 ">
        {title}
      </Text>

@@ -32,7 +32,7 @@ const Header = ({ link, btnTitle, title }) => {
        <Link to={link}>
          <Button
            leftIcon={<AddIcon />}
-            backgroundColor={"purple.700"}
+            backgroundColor={"purple.900"}
            _hover={{
              backgroundColor: "purple.800",
            }}
--- a/src/Layout/DefaultLayout.jsx
+++ b/src/Layout/DefaultLayout.jsx
@@ -118,6 +118,7 @@ const DashboardLayout = () => {
        width: "100vw",
        position: "relative",
        overflow: "hidden",
+        // backgroundColor:"#101015"
        // backgroundColor:"#000000"
      }}
      className="d-flex"
@@ -131,7 +132,7 @@ const DashboardLayout = () => {
          transition: "width 0.3s ease-in-out", // Smooth transition for width change
          overflow: "hidden", // Hide overflow to prevent content overflow during transition
          // backgroundColor:"#FAFBFC"
-          backgroundColor:"#F7FAFC"
+          backgroundColor:"#0B0B27"
        }}
      >
        <div className="d-flex justify-content-start p-3 pt-3 pb-4 position-relative">
@@ -156,7 +157,9 @@ const DashboardLayout = () => {

        <div className="p-2 ">
          {nav.map(({ title, path, Icon }, index) => (
-            <div key={index} className=" mb-1  rubix-text-dark w-100 d-flex ">
+            <Box 
+            color={'whitesmoke'}
+            key={index} className=" mb-1 w-100 d-flex ">
              {path ? (
                <NavLink
                  style={{
@@ -189,18 +192,16 @@ const DashboardLayout = () => {
                </NavLink>
              ) : (
                <span 
-                style={{
-                  display:  "none",}}
-                className="web-text-xxsmall fw-600 mt-1 text-secondary">
+                className="web-text-xxsmall fw-600 mt-1 text-secondary fw-bold">
                  {title}
                </span>
              )}
-            </div>
+            </Box>
          ))}
        </div>

        <section
-          className="d-flex justify-content-center border-top p-2 "
+          className="d-flex justify-content-center border-top border-secondary p-2 "
          style={{
            position: "absolute",
            left: 0,
@@ -238,12 +239,14 @@ const DashboardLayout = () => {
                  name="Dan Abrahmov"
                  src="https://bit.ly/dan-abramov"
                />
-              <Box style={{
+              <Box 
+              color={'whitesmoke'}
+              style={{
                opacity:isDrawerOpen || openDrawerClick ? 1 : 0,
                display:isDrawerOpen || openDrawerClick ? "flex" : "none",
                transition: "opacity 0.3s ease-in-out",
              }} className=" overflow-hidden ms-3  flex-column ">
-                  <Text as={"span"} className="web-text-small">
+                  <Text  as={"span"} className="web-text-small">
                    Hello, developer admin
                  </Text>
                  <Text as={"span"} className="web-text-xsmall">
@@ -267,7 +270,11 @@ const DashboardLayout = () => {
        }}
      >
        <Button
-          colorScheme="teal"
+          backgroundColor={'#DE858E'}
+          _hover={{
+            backgroundColor: "pink.400",
+          }}
+          color={'whitesmoke'}
          rounded={'sm'}
          // onMouseOver={() => setIsDrawerOpen(true)}
          // onMouseLeave={() => setIsDrawerOpen(false)}
--- a/src/Pages/BlogsAndArticles/BlogsAndArticles.jsx
+++ b/src/Pages/BlogsAndArticles/BlogsAndArticles.jsx
@@ -165,7 +165,7 @@ const BlogsAndArticles = () => {
          <span className="d-flex flex-column">
            <Text
              as={"span"}
-              color={"teal.700"}
+              color={"gray.600"}
              className="d-flex fw-bold align-items-center web-text-small"
            >
              {item?.author_name}
@@ -212,12 +212,12 @@ const BlogsAndArticles = () => {
        <Box
          display={"flex"}
          flexWrap={"wrap"}
-          gap={2}
+          gap={1}
          alignItems={"center"}
          w={200}
        >
          {item?.tags?.map(({ id, tag }) => (
-            <Badge key={id} variant="solid" colorScheme="teal" size={"sm"}>
+            <Badge rounded={'full'} key={id} variant="solid"  size={"sm"} ps={3} pe={3} pt={0.5} pb={0.5}  backgroundColor={'#565263'}>
              {tag}
            </Badge>
          ))}
@@ -233,7 +233,7 @@ const BlogsAndArticles = () => {
      ),
      "Created At": (
        <span className="d-flex justify-content-between align-items-center">
-          <Text as={"span"} color={"teal.600"} className=" fw-bold">
+          <Text as={"span"} color={"gray.600"} className=" fw-bold">
            {formatDate(item?.createdAt)}
          </Text>
          <Menu>
--- a/src/Pages/Community/AddComunity.jsx
+++ b/src/Pages/Community/AddComunity.jsx
@@ -343,7 +343,7 @@ const AddComunity = () => {
              isLoading={isLoading}
              spinner={<Loader01 />}
              color={"whitesmoke"}
-              backgroundColor={"purple.700"}
+              backgroundColor={"purple.900"}
              _hover={{
                backgroundColor: "purple.800",
              }}
--- a/src/Pages/Community/Community.jsx
+++ b/src/Pages/Community/Community.jsx
@@ -224,7 +224,7 @@ const Community = () => {
      ),
      "Created At": (
        <span className="d-flex justify-content-between align-items-center">
-          <Text as={"span"} color={"teal.600"} className=" fw-bold">
+          <Text as={"span"} color={"gray.600"} className=" fw-bold">
            {formatDate(item?.createdAt)}
          </Text>
          <Menu>
--- a/src/Pages/Community/CommunityBannerCard.jsx
+++ b/src/Pages/Community/CommunityBannerCard.jsx
@@ -32,19 +32,24 @@ const CommunityBannerCard = ({
      h={"100%"}
      size={"md"}
      // boxShadow="md"
-      overflow={"hidden"}
+      // overflow={"hidden"}
      position={"relative"}
-      rounded={"lg"}
+      // rounded={"lg"}
      boxShadow={
        " rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px"
      }
+      
+      borderRadius={8.5}
    >
      <CardBody
        position={"absolute"}
        h={"100%"}
        w={"100%"}
        bottom={0}
-        backgroundColor={"#ffffff"}
+        // border={"1px solid #9B4651"}
+        borderRadius={8}
+        overflow={"hidden"}
+        backgroundColor={"#101015"}
        // backgroundColor={status ? "#ffe5ea": '#ffffff'}
        backdropFilter="blur(1px)"
      >
@@ -97,7 +102,7 @@ const CommunityBannerCard = ({
                alignItems={"center"}
                w={"100%"}
              >
-                <Text as={"span"} isTruncated={true}>
+                <Text color={"#DE858E"} as={"span"} isTruncated={true}>
                  {heading}
                </Text>
              </Box>
@@ -121,26 +126,29 @@ const CommunityBannerCard = ({
                  className="web-text-medium"
                  as={"span"}
                  isTruncated={true}
+                  color={'whitesmoke'}
                >
                  {subHeading}
                </Text>
              </Tooltip>
            </Box>
            <Button
-              fontWeight={"bold"}
+              fontWeight={"normal"}
              className="web-text-xsmall"
              ps={3}
              pe={3}
              pt={1}
              pb={1}
              mt={2}
-              // color={"#ffffff"}
+              color={"#ffffff"}
              // bg={'#1E114B'}
-              // bgGradient="linear(to-r, #1E114B, #1E114B)"
+              bgGradient="linear(to-r, #1E114B, purple)"
              variant={"outline"}
-              colorScheme="teal"
+              // colorScheme="purple"
              rounded={"md"}
              size={"xs"}
+              border={'none'}
+              
            >
              {ctoBtnTitle}
            </Button>
--- a/src/Pages/Community/ComunityEditPage.jsx
+++ b/src/Pages/Community/ComunityEditPage.jsx
@@ -394,7 +394,7 @@ const ComunityEditPage = () => {
            isLoading={isLoadingEdit}
            spinner={<Loader01 />}
            color={'whitesmoke'}
-            backgroundColor={'purple.700'}
+            backgroundColor={'purple.900'}
            _hover={{
              backgroundColor: "purple.800",
            }}
--- a/src/Pages/Events/EditEvents.jsx
+++ b/src/Pages/Events/EditEvents.jsx
@@ -543,7 +543,7 @@ const EditEvents = () => {
                isLoading={isLoadingEdit}
                spinner={<Loader01 />}
                color={"whitesmoke"}
-                backgroundColor={"purple.700"}
+                backgroundColor={"purple.900"}
                _hover={{
                  backgroundColor: "purple.800",
                }}
--- a/src/Pages/Events/Events.jsx
+++ b/src/Pages/Events/Events.jsx
@@ -161,7 +161,7 @@ const Events = () => {
      ),
      "Created At": (
        <span className="d-flex justify-content-between align-items-center">
-          <Text as={"span"} color={"teal.600"} className=" fw-bold">
+          <Text as={"span"} color={"gray.600"} className=" fw-bold">
            {formatDate(item?.createdAt)}
          </Text>
          <Menu>
--- a/src/Pages/News/EditNews.jsx
+++ b/src/Pages/News/EditNews.jsx
@@ -402,7 +402,7 @@ const EditNews = () => {
              isLoading={isLoadingEdit}
              spinner={<Loader01 />}
              color={"whitesmoke"}
-              backgroundColor={"purple.700"}
+              backgroundColor={"purple.900"}
              _hover={{
                backgroundColor: "purple.800",
              }}
--- a/src/Pages/News/News.jsx
+++ b/src/Pages/News/News.jsx
@@ -164,7 +164,7 @@ const News = () => {
        </Tooltip>
      ),
      "Release Data": (
-        <Text as={"span"} color={"teal.600"} className=" fw-bold">
+        <Text as={"span"} color={"gray.600"} className=" fw-bold">
          {formatDate(item?.release_date)}
        </Text>
      ),
@@ -178,7 +178,7 @@ const News = () => {
      ),
      "Created At": (
        <span className="d-flex justify-content-between align-items-center">
-          <Text as={"span"} color={"teal.600"} className=" fw-bold">
+          <Text as={"span"} color={"gray.600"} className=" fw-bold">
            {formatDate(item?.createdAt)}
          </Text>
          <Menu>
--- a/src/Pages/Videos/AddVideos.jsx
+++ b/src/Pages/Videos/AddVideos.jsx
@@ -340,7 +340,7 @@ const AddVideos = () => {
              isLoading={isLoading}
              spinner={<Loader01 />}
              color={"whitesmoke"}
-              backgroundColor={"purple.700"}
+              backgroundColor={"purple.900"}
              _hover={{
                backgroundColor: "purple.800",
              }}
--- a/src/Pages/Videos/EditVideos.jsx
+++ b/src/Pages/Videos/EditVideos.jsx
@@ -403,7 +403,7 @@ const EditVideos = () => {
              isLoading={isLoadingEdit}
              spinner={<Loader01 />}
              color={"whitesmoke"}
-              backgroundColor={"purple.700"}
+              backgroundColor={"purple.900"}
              _hover={{
                backgroundColor: "purple.800",
              }}
--- a/src/Pages/Videos/Videos.jsx
+++ b/src/Pages/Videos/Videos.jsx
@@ -123,7 +123,7 @@ const Videos = () => {
      ),
      "Created At": (
        <span className="d-flex justify-content-between align-items-center">
-          <Text as={"span"} color={"teal.600"} className=" fw-bold">
+          <Text as={"span"} color={"gray.600"} className=" fw-bold">
            {formatDate(item?.createdAt)}
          </Text>
          <Menu>
--- a/src/Pages/Whitepapers/AddWhitepapers.jsx
+++ b/src/Pages/Whitepapers/AddWhitepapers.jsx
@@ -307,7 +307,7 @@ const AddWhitepapers = () => {
              isLoading={isLoading}
              spinner={<Loader01 />}
              color={"whitesmoke"}
-              backgroundColor={"purple.700"}
+              backgroundColor={"purple.900"}
              _hover={{
                backgroundColor: "purple.800",
              }}
--- a/src/Pages/Whitepapers/EditWhitepaper.jsx
+++ b/src/Pages/Whitepapers/EditWhitepaper.jsx
@@ -333,7 +333,7 @@ const EditWhitepaper = () => {
              isLoading={isLoadingEdit}
              spinner={<Loader01 />}
              color={"whitesmoke"}
-              backgroundColor={"purple.700"}
+              backgroundColor={"purple.900"}
              _hover={{
                backgroundColor: "purple.800",
              }}
--- a/src/Pages/Whitepapers/Whitepapers.jsx
+++ b/src/Pages/Whitepapers/Whitepapers.jsx
@@ -119,7 +119,7 @@ const Whitepapers = () => {
      ),
      "Created At": (
        <span className="d-flex justify-content-between align-items-center">
-          <Text as={"span"} color={"teal.600"} className=" fw-bold">
+          <Text as={"span"} color={"gray.600"} className=" fw-bold">
            {formatDate(item?.createdAt)}
          </Text>
          <Menu>
--- a/src/Routes/Nav.js
+++ b/src/Routes/Nav.js
@@ -10,14 +10,19 @@ import { AiOutlineIdcard } from "react-icons/ai";

 export const nav = [
  {
-    title: "Banners",
+    title: "Home",
    path: "/",
-    Icon: AiOutlineIdcard,
+    Icon: FiHome,
  },
  {
    title: "CONTENT MANAGEMENT",
    path: null,
  },
+  {
+    title: "Banners",
+    path: "/banner",
+    Icon: AiOutlineIdcard,
+  },
  {
    title: "Blogs",
    path: "/blogs-articles",
--- a/src/Routes/Routes.js
+++ b/src/Routes/Routes.js
@@ -4,7 +4,7 @@ import Community from "../Pages/Community/Community";
 import ComunityEditPage from "../Pages/Community/ComunityEditPage";
 import ComunityViewPage from "../Pages/Community/ComunityViewPage";
 import Events from "../Pages/Events/Events";
-import Home from "../Pages/Banners/Banner";
+import Banner from "../Pages/Banners/Banner";
 import Videos from "../Pages/Videos/Videos";
 import Whitepapers from "../Pages/Whitepapers/Whitepapers";
 import BannerCommunity from "../Pages/Banners/BannerCommunity/BannerCommunity";
@@ -48,7 +48,8 @@ import ViewVideos from "../Pages/Videos/ViewVideos";
 import EditVideos from "../Pages/Videos/EditVideos";

 export const RouteLink = [
-  { path: "/", Component: Home },
+  { path: "/", Component: UnderConstruction },
+  { path: "/banner", Component: Banner },
  { path: "/help-and-support", Component: HelpAndSupport },

  // =============[ Videos ]================
--- a/src/Validations/Validations.js
+++ b/src/Validations/Validations.js
@@ -85,7 +85,7 @@ export const addBlogSchema = Yup.object().shape({
  author_name: Yup.string().required("Author is required"),
  author_designation: Yup.string().required("Author designation is required"),
  title: Yup.string().required("Title is required"),
-  // meta_description: Yup.string().required("Description is required"),
+  meta_description: Yup.string().required("Description is required"),
  content: Yup.string(),
  summary: Yup.string().required("Summary is required"),
 });
--- a/src/assets/logo.png
+++ b/src/assets/logo.png
--- a/src/assets/logo2.png
+++ b/src/assets/logo2.png