update dark light mode

css/index.css

@@ -12,11 +12,78 @@
 
 @import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');
 
-.dashboard:hover {
-
-  background: #74ddc3 !important;
+/* Defaul lightMode */
+body.light-mode {
+  background-color: #ffffff;
+  color: #000000;
 }
 
+body.light-mode .semigray {
+  
+  color: #424242 !important;
+}
+
+body.light-mode .semigray2 {
+  
+  color: #424242 !important;
+}
+
+body.light-mode .dropdown a{
+  @apply
+  px-0
+  text-black
+}
+
+body.light-mode .dropdown{
+  background-color: rgb(255 255 255 / 100%);
+  color: #121212;
+}
+
+body.light-mode .d_menu {
+  background-color: #e5e5e5;
+}
+
+body.light-mode .icon {
+  
+  fill: #424242 !important;
+}
+
+/* Dark Mode */
+body {
+  background-color: #121212;
+  color: #ffffff;
+}
+
+body .semigray {
+  color: #e5e7eb !important;
+}
+
+body .semigray2 {
+  color: #d1d5db !important;
+}
+
+body .icon {
+  fill: #ffffff !important;
+}
+
+body .dropdown a{
+  @apply
+  px-0
+  text-white
+}
+
+body .dropdown{
+  background-color: rgb(0 0 0 / 50%);
+  color: #fff;
+}
+
+body .d_menu {
+  background-color: rgba(34 34 34);
+}
+
+
+
+
 
 /* Custom CSS for header partial */
 .backdrop-blur {
@@ -287,7 +354,7 @@ background-color:#5596f5 !important;
   h5 {
     @apply text-lg my-1 tracking-normal font-medium;
     font-family: "Inter", sans-serif !important;
-    color: #fff !important
+   
   }
   h6 {
     @apply text-md not-italic font-normal my-1;
@@ -295,7 +362,7 @@ background-color:#5596f5 !important;
   }
   p {
     @apply text-lg;
-    color: #3d3d3d;
+   
     font-family: "Inter", sans-serif !important;
   }
   blockquote {