dark mode page panel/dashboard

2024-09-28 13:35:12 +03:30
parent 8438b71538
commit 9992bdfa62
11 changed files with 118 additions and 31 deletions
@@ -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",
          },
        }}
      >
@@ -3,7 +3,7 @@ import Head from "./Head";

 function AmountOfIncome({ data, loading }) {
  return (
-    <div className="rounded-[8px] border border-solid border-[#EFEFEF] bg-[#FFF]">
+    <div className="rounded-[8px] border border-solid border-[#EFEFEF] bg-[#FFF] dark:bg-[#222433] dark:!border-transparent">
      <Head />
      <div dir="ltr">
        <Chart data={data} loading={loading} />