diff --git a/components/panel/turns/head/Date.js b/components/panel/turns/head/Date.js
index 9d34e4e..a910994 100644
--- a/components/panel/turns/head/Date.js
+++ b/components/panel/turns/head/Date.js
@@ -7,10 +7,16 @@ function Date() {
         انتخاب بازه زمانی
       </p>
       <ButtonGroup variant="outlined">
-        <Button className="!border-[#EFEFEF] !bg-[#FFF] !py-[4.5px] !px-[33px] !text-[#7E7E7E] !text-[16px] !font-normal">
+        <Button
+          className="!border-[#EFEFEF] dark:!border-[#343645] !bg-[#FFF] dark:!bg-[#222433] !py-[4.5px] !text-[#7E7E7E] 
+        dark:!text-[#A1A1A1]  !text-[16px] !font-normal !w-[115px]"
+        >
           از تاریخ
         </Button>
-        <Button className="!border-[#EFEFEF] !bg-[#FFF] !py-[4.5px] !px-[33px] !text-[#7E7E7E] !text-[16px] !font-normal">
+        <Button
+          className="!border-[#EFEFEF] dark:!border-[#343645] !bg-[#FFF] dark:!bg-[#222433] !py-[4.5px] !text-[#7E7E7E] 
+        dark:!text-[#A1A1A1]  !text-[16px] !font-normal !w-[115px]"
+        >
           تا تاریخ
         </Button>
       </ButtonGroup>
diff --git a/components/panel/turns/head/SearchDoctor.js b/components/panel/turns/head/SearchDoctor.js
index dc4129f..0ab8d12 100644
--- a/components/panel/turns/head/SearchDoctor.js
+++ b/components/panel/turns/head/SearchDoctor.js
@@ -40,7 +40,7 @@ function SearchDoctor() {
       </ButtonGroup>
       <Button
         variant="outlined"
-        className="!border-[#5559CE] !flex !text-[14px] md:!text-[16px] !items-center !gap-[4px] md:!gap-[5px] lg:!gap-[6px] !rounded-[4px] !py-[8px] md:!py-[9px] !px-[12px] sm:!px-[14px] md:!px-[16px] lg:!px-[18px]"
+        className="!border-[#5559CE] dark:!bg-[#C7CEF4] !flex !text-[14px] md:!text-[16px] !items-center !gap-[4px] md:!gap-[5px] lg:!gap-[6px] !rounded-[4px] !py-[8px] md:!py-[9px] !px-[12px] sm:!px-[14px] md:!px-[16px] lg:!px-[18px]"
       >
         <ExportP />
         خروجی گرفتن
diff --git a/components/panel/turns/head/index.js b/components/panel/turns/head/index.js
index 72e03e0..cf43f00 100644
--- a/components/panel/turns/head/index.js
+++ b/components/panel/turns/head/index.js
@@ -5,7 +5,7 @@ function Head() {
   return (
     <div className="w-full">
       <div className="flex flex-col sm:flex-row items-start md:items-center justify-start gap-[10px]">
-        <p className="text-[#525252] text-[14px] sm:text-[16px] md:text-[18px] lg:text-[20px] font-bold">
+        <p className="text-[#525252] dark:text-[#D7D8ED] text-[14px] sm:text-[16px] md:text-[18px] lg:text-[20px] font-bold">
           لیست نوبت های پزشکان
         </p>
         <Date />
diff --git a/components/panel/turns/index.js b/components/panel/turns/index.js
index 72cf0ab..b29c2da 100644
--- a/components/panel/turns/index.js
+++ b/components/panel/turns/index.js
@@ -15,7 +15,7 @@ function TurnsPage({ data }) {
   }, []);
 
   return (
-    <div className="bg-transparent md:bg-[#FFF] opacity-page rounded-[8px] shadow-none md:shadow-[0px_1px_24.8px_0px_rgba(204,204,204,0.18)] pt-0 md:pt-[12px] lg:pt-[24px] px-0 md:px-[24px] p-[24px]">
+    <div className="bg-transparent dark:shadow-[0px_4px_25px_10px_#1F1D2B] dark:bg-[#222433] md:bg-[#FFF] opacity-page rounded-[8px] shadow-none md:shadow-[0px_1px_24.8px_0px_rgba(204,204,204,0.18)] pt-0 md:pt-[12px] lg:pt-[24px] px-0 md:px-[24px] p-[24px]">
       <Head />
       <List data={data} loading={loading} />
     </div>
