body.theme--dark,
.theme--dark .custom-container {
    background-color: #171717 !important;
}

.theme--dark .login {
    background-color: #171717 !important;
}

.theme--dark .custom-content--inner--width {
  background-color: #171717 !important;
}

.theme--dark .message-content,
.theme--dark .custom-sidebar,
.theme--dark .chat-header,
.theme--dark .container--login {
    background: #242424 !important;
    color: #ffffffaa;
}

.theme--dark .form-input,
.theme--dark .form-input-login::placeholder
{
    color: #ffffffaa !important;
}

.theme--dark .form-input-login {
    border: none !important;
    background: #666666 !important;
    color: #ffffffaa;
}

    .theme--dark .message-content.user {
        background-color: #2c2a3d !important;
        align-self: flex-end;
    }

.theme--dark .form-container {
  background: #171717;
  background: linear-gradient(0deg, #171717 50%, #17171700 100%) !important;
}

.theme--dark audio::-webkit-media-controls-play-button,
.theme--dark audio::-webkit-media-controls-panel,
.theme--dark audio::-webkit-media-controls-enclosure {
  background-color: #242424 !important;
  color: #AAA !important;
  border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  -ms-border-radius: 0 !important;
  -o-border-radius: 0 !important;
}

.theme--dark .form-input {
   border: none !important;
   background: #242424 !important;
   color: #ffffffaa !important;
}

.theme--dark #recordButton
{
    color: #ffffffaa !important;
}

.theme--dark #send {
    color: #ffffffaa !important;
}

.theme--dark .copyright, .theme--dark .copyright a {
    color: #ffffff33 !important;
}

.theme--dark .progress
{
    background: #171717 !important;
}
.theme--dark #send:hover {
    color: #19c977 !important;
}
.theme--dark #recordButton:hover {
    color: #19c977 !important;
}