fix: add datepicker css to dark theme

SoftwareBrothers · Sep 18, 2023 · 1a24096 · 1a24096
1 parent e664aa6
commit 1a24096
Showing 1 changed file with 34 additions and 0 deletions.
diff --git a/src/themes/dark/style.css b/src/themes/dark/style.css
@@ -53,3 +53,37 @@ body {
 .adminjs_DatePicker .react-datepicker-wrapper {
   border-color: rgba(145, 158, 171, 0.32) !important;
 }
+
+.adminjs_DatePicker .react-datepicker {
+  background: #1c1c1c !important;
+  color: #fff !important;
+  border: 1px solid #3c3c3c !important;
+}
+
+.adminjs_DatePicker .react-datepicker .react-datepicker__triangle {
+  border-top-color: #3c3c3c !important;
+}
+
+.adminjs_DatePicker .react-datepicker .react-datepicker__triangle::before {
+  border-top-color: #2c2c2c !important;
+}
+
+.adminjs_DatePicker .react-datepicker .react-datepicker__header {
+  background: #1c1c1c;
+}
+
+.adminjs_DatePicker .react-datepicker .react-datepicker__header > .react-datepicker__current-month {
+  color: #fff !important;
+}
+
+.adminjs_DatePicker .react-datepicker .react-datepicker__day {
+  color: #fff;
+}
+
+.adminjs_DatePicker .react-datepicker .react-datepicker__day--outside-month {
+  color: rgb(140, 140, 140) !important;
+}
+
+h1, h2, h3, h4, h5, h6, label {
+  color: #fff;
+}