update

src/Theme/Theme.js

@@ -2,6 +2,9 @@
 import { extendTheme } from "@chakra-ui/react";
 
 const customTheme = extendTheme({
+
+  initialColorMode: 'dark', // Set dark mode as default
+  useSystemColorMode: false, // Disable system mode to enforce dark mode
   colors: {
     gray: {
       50: "#e0e0e0", // Light gray (almost white, lightest)

src/components/LatestTransactions/LatestTransactions.jsx

@@ -94,7 +94,7 @@ const LatestTransactions = () => {
                   >
                     <Box>
                       <Text mb={2}  color={colorMode === "light" ? "#7B7B7B" : "#E8E8E8"}>
-                        Smart contract ID dd :
+                        Smart contract ID :
                       </Text>
                       <Text color={colorMode === "light" ? "#230A79" : "#B09AFF"}><Link to="/smart-contract">{transaction.contract}</Link></Text>
                     </Box>

src/pages/Transaction.jsx

@@ -93,7 +93,7 @@ const Transaction = () => {
                 </HStack>
             </Box>
             <Box boxShadow={colorMode === 'light'&&"md"}  bg={colorMode === "light" ? "#F3F3F3" : "#1D1D1D"} p={4} mb={5} rounded={6}>
-                <Text color={colorMode === "light" ? "#000" : "#fff"} fontSize={"sm"}>Network</Text>
+                <Text color={colorMode === "light" ? "#000" : "#fff"} fontSize={"sm"}>Main net Id/Subnet Id</Text>
                 <HStack fontSize={"sm"} pb={3} color={colorMode === "light" ? "#230A79" : "#B09AFF"}>
                     <Link  style={{ fontWeight: "inherit" }}> abc5def6ghi7jkl8mno9pqrs2tuv5wxyzabcdefghijklmnopqrs5674577tuvwxyz !"§ $%& </Link>
                     <Text as={"span"} ml={5} cursor={"pointer"}>

src/pages/Transaction/TransactionDetails.jsx

@@ -71,7 +71,7 @@ import GlobalStateContext from "../../Contexts/GlobalStateContext";
                   </HStack>
                   <Divider mt={4} mb={5} />
                   <Text fontSize={"md"} mb={2} color={colorMode === "light" ? "#230A79" : "#fff"}>
-                      Super Title
+                      Token Information
                   </Text>
                   <HStack fontSize={"sm"} gap={4} mb={2}>
                     <Text color={colorMode === "light" ? "#0F0F0F" : "#E8E8E8"}>Token ID :</Text>
@@ -106,7 +106,7 @@ import GlobalStateContext from "../../Contexts/GlobalStateContext";
                   </HStack>
               </Box>
               <Box boxShadow={colorMode === 'light'&&"md"}  bg={colorMode === "light" ? "#F3F3F3" : "#1D1D1D"} p={4} mb={5} rounded={6}>
-                  <Text color={colorMode === "light" ? "#000" : "#fff"} fontSize={"sm"}>Network</Text>
+                  <Text color={colorMode === "light" ? "#000" : "#fff"} fontSize={"sm"}>Main net / Subnet Id</Text>
                   <HStack fontSize={"sm"} pb={3} color={colorMode === "light" ? "#230A79" : "#B09AFF"}>
                       <Text  style={{ fontWeight: "inherit" }}> {filteredData?.sender} </Text>
                       <Text _hover={{bg:"gray.50"}} transition={'0.5s'}  rounded={'sm'} p={1} as={"span"} ml={1} cursor={"pointer"}>