dark mode page panel/dashboard

components/panel/dashboard/amountOfIncome/Head.js

@@ -15,7 +15,7 @@ function Head() {
 
   return (
     <div className="flex items-center justify-start gap-[12px] p-[16px]">
-      <p className="text-[#525252] text-[14px] md:text-[16px] font-bold">
+      <p className="text-[#525252] text-[14px] md:text-[16px] font-bold dark:text-[#D7D8ED]">
         میزان درآمد
       </p>
       <Select
@@ -28,12 +28,12 @@ function Head() {
           },
           "&:hover": {
             "& .MuiOutlinedInput-notchedOutline": {
-              border: "1px solid #D7D7D7 !important",
+              border: "1px solid #D7D7D7",
             },
           },
           "& .MuiOutlinedInput-notchedOutline": {
             borderColor: "#D7D7D7 !important",
-            border: "1px solid #D7D7D7 !important",
+            border: "1px solid #D7D7D7",
           },
         }}
       >