Added brand color and input styles to dark theme

src/utils/DateInput.scss

@@ -32,3 +32,20 @@
   background-color: #333333;
   font-size: 14px;
 }
+
+.react-datepicker__input-container,
+.react-datepicker-wrapper {
+  display: block !important;
+}
+
+.react-datepicker-popper {
+  z-index: 2;
+}
+
+.react-datepicker__day--keyboard-selected {
+  background-color: $mainColor;
+
+  &:hover {
+    background-color: darken($mainColor, 12%);
+  }
+}

src/utils/DropdownBtn.scss

@@ -7,9 +7,9 @@
 .dropdown-btn__toggle.dropdown-btn__toggle:not(:disabled):not(.disabled):hover,
 .show > .dropdown-btn__toggle.dropdown-btn__toggle.dropdown-toggle {
   color: #6c757d;
-  background-color: var(--primary-color);
+  background-color: var(--input-color);
   text-align: left;
-  border-color: rgba(0, 0, 0, .125);
+  border-color: var(--input-border-color);
 }
 
 .dropdown-btn__toggle.dropdown-btn__toggle:after {

src/utils/base.scss

@@ -12,21 +12,10 @@ $responsiveTableBreakpoint: $mdMax;
 // Colors
 $mainColor: #4696e5;
 $lightColor: #f5f6fe;
-$lightGrey: #dddddd;
+$lightGrey: #eeeeee;
 $dangerColor: #dc3545;
 $mediumGrey: #dee2e6;
 
-// Themes
-$lightPrimaryColor: #ffffff;
-$lightPrimaryColorAlfa: rgba($lightPrimaryColor, .5);
-$lightSecondaryColor: $lightColor;
-$lightTextColor: #212529;
-
-$darkPrimaryColor: #161b22;
-$darkPrimaryColorAlfa: rgba(#161b22, .5);
-$darkSecondaryColor: #0d1117;
-$darkTextColor: #ffffff;
-
 // Misc
 $headerHeight: 57px;
 $asideMenuWidth: 260px;