diff --git a/src/main/resources/static/css/dark/datepicker.css b/src/main/resources/static/css/dark/datepicker.css
index e5e37b447c6a2627d5ba0561c4858776b896c8c4..353f67e810debcc2048b88dcf4c99928e75c23e6 100644
--- a/src/main/resources/static/css/dark/datepicker.css
+++ b/src/main/resources/static/css/dark/datepicker.css
@@ -1,9 +1,13 @@
+.datepicker-calendar-container {
+    background-color: #333333;
+}
+
 .datepicker-row {
-    color: #212121;
+    color: #FFFFFF;
 }
 
 .datepicker-controls .select-wrapper input {
-    color: #212121;
+    color: #FFFFFF;
 }
 
 .datepicker-date-display {
@@ -14,6 +18,10 @@
     background-color: #2E79B9;
 }
 
+.datepicker-day-button:focus {
+    background-color: rgba(46, 121, 185, 0.3);
+}
+
 .datepicker-cancel, .datepicker-done, .datepicker-clear {
     color: #2E79B9;
     font-weight: bold;
@@ -29,6 +37,10 @@
     background-color: rgba(46, 121, 185, 0.3);
 }
 
+.month-next svg, .month-prev svg {
+    fill: #FFFFFF;
+}
+
 .datepicker-table td.is-today {
     color: #2E79B9;
 }
diff --git a/src/main/resources/static/css/datepicker.css b/src/main/resources/static/css/datepicker.css
index 85c798d51ca171eaa43e851b07922fb4f99e4459..6707d8942ebbdcad5fd087a780d0001d8cece585 100644
--- a/src/main/resources/static/css/datepicker.css
+++ b/src/main/resources/static/css/datepicker.css
@@ -6,6 +6,10 @@
     background-color: #2E79B9;
 }
 
+.datepicker-day-button:focus {
+    background-color: rgba(46, 121, 185, 0.3);
+}
+
 .datepicker-cancel, .datepicker-done, .datepicker-clear {
     color: #2E79B9;
     font-weight: bold;