body{
  background: #263238;
  color: #fff;
}
a{
 color: #fff;
}
.wrapper{
  background: #37474F;
  color:white;
}

.form form .error-text{
  color: #721c24;
  background: #f8d7da;
}

.form form .button input{
  color: #fff;
  background: #333;
}
.form form .field i{
  color: #ccc;
}
.form form .field i.active::before{
  color: #333;
}

:is(.users, .users-list) .content .details{
  color: #000;
  margin-left: 20px;
}
.users header .logout{
  background: #333;
  color: #fff;
}
.users .search input{
  border: 1px solid #e6e6e6;
}
.users .search button{
  background: #fff;
}
.users .search button.active{
  background: #333;
}
.users-list a .details p{
  color: #67676a;
}
.users-list a .status-dot{
  color: #468669;
}
.users-list a .status-dot.offline{
  color: #ccc;
}

/* Chat Area CSS Start */
.chat-area header .back-icon{
  color: #333;
}
.chat-box{
  background: #263238;
}

.incoming .details p{
  background: #37474F;
  color: #fff;
}
.typing-area input{
  color:white;
  background: #37474F;
  
}
.typing-area button{
  color: #fff;
  background: #333;
}