body.dark {
  background-color: #121212;
  color: #e0e0e0;
}

/* Text color */
.dark .text-dark {
  color: #e0e0e0;
}
.dark .hover\:text-dark:hover {
  color: #e0e0e0 !important;
}
.dark .text-gray {
  color: #9e9e9e;
}
.dark .hover\:text-gray:hover {
  color: #9e9e9e !important;
}
.dark .text-light {
  color: #696969;
}
.dark .hover\:text-light:hover {
  color: #696969 !important;
}

::-webkit-input-placeholder {
 color: #696969;
}
:-moz-placeholder {
 color: #696969;
}
::-moz-placeholder {
 color: #696969;
}
:-ms-input-placeholder {
 color: #696969;
}

/* Background color */
.dark .background-white {
  background-color: #252525;
}
.dark .hover\:background-white:hover {
  background-color: #252525 !important;
}
.dark .background-light {
  background-color: #121212;
}
.dark .hover\:background-light:hover {
  background-color: #121212 !important;
}
.dark .background-gray {
  background-color: #383838;
}
.dark .hover\:background-gray:hover {
  background-color: #383838 !important;
}

/* Border color*/
.dark .border-gray {
  border-color: #3f3f3f;
}
.dark .hover\:border-gray:hover {
  border-color: #3f3f3f;
}
.dark .top-border-gray {
  border-top-color: #3f3f3f;
}
.dark .bottom-border-gray {
  border-bottom-color: #3f3f3f;
}
.dark .left-border-gray {
  border-left-color: #3f3f3f;
}
.dark .right-border-gray {
  border-right-color: #3f3f3f;
}
.dark .horizontal-border-gray {
  border-left-color: #3f3f3f;
  border-right-color: #3f3f3f;
}