design dark mode turns & add-doctor & account & layout and components MUI

app/globals.css

@@ -583,6 +583,24 @@ html {
   color: #a1a1a1 !important;
 }
 
+.dark .MuiOutlinedInput-notchedOutline {
+  border-color: #343645 !important;
+}
+
+.dark
+  .MuiList-root.MuiList-padding.MuiMultiSectionDigitalClockSection-root::-webkit-scrollbar-track {
+  background: #1f1d2b;
+  height: 50px;
+  border-radius: 10px;
+}
+
+.dark
+  .MuiList-root.MuiList-padding.MuiMultiSectionDigitalClockSection-root::-webkit-scrollbar-thumb {
+  background: #222433;
+  height: 50px;
+  border-radius: 20px;
+}
+
 /* End Of Dark Style */
 
 /* Dark Date Picker */
@@ -642,6 +660,28 @@ html {
   color: #fafafa;
 }
 
+.panel-jalaali {
+  width: 464px !important;
+}
+
+.day-label-bar,
+.panel-header-inner,
+.days-body {
+  max-width: 100% !important;
+  padding: 0 !important;
+}
+
+.years-body-rtl,
+.months-body-rtl {
+  min-width: 100%;
+  grid-template-columns: repeat(3, minmax(33.33%, 100px)) !important;
+}
+
+.days-body {
+  width: 100%;
+  grid-template-columns: repeat(7, minmax(14.28%, 38px)) !important;
+}
+
 /* End Of Dark Date Picker */
 
 /* End Date Picker Style */
@@ -670,11 +710,6 @@ html {
   -webkit-text-fill-color: rgba(161, 161, 161, 0.6) !important;
 }
 
-.dark .MuiPaper-root {
-  background: #1f1d2b !important;
-  box-shadow: 0px 0px 14.2px 0px rgba(74, 73, 73, 0.19) !important;
-}
-
 .dark .MuiTabs-scroller,
 .dark .MuiTabs-flexContainer {
   border-bottom-color: #343645 !important;