rocketchat_darker_theme.css

.primary-background-color {
  background-color: #222;
}

.content-background-color {
  background-color: #333;
  color: #D0D0D0;
}

.color-primary-font-color {
  color: #d0d0d0;
}

.color-content-background-color {
  color: #333;
}

input, select, textarea {
  color: #d0d0d0;
}

code {
  font-family: Monaco,Menlo,Consolas,"Courier New",monospace !important;
}

.account-box .info, .messages-box {
  background-color: #333 !important;
}

.side-nav .rooms-list, .side-nav .footer  {
  background-color: #222 !important;
}

.side-nav .unread-rooms, .side-nav .unread {
  background-color: #6D6D6D !important;
}

.side-nav .options button {
  background-color: inherit;
}

.side-nav .options button:hover {
  background-color: #333;
}

.fixed-title {
  background-color: #444 !important;
  color: white !important;
}

.messages-box ul  {
  color: #CDCDCD;
}

.messages-box ul > li {
  background-color: rgba(40, 40, 40, 0);
}

.message .user {
  color: #D0D0D0;
}

div.body a {
  color: #D0D0D0 !important;
}

.mention-link {
  color: #EFEFEF !important;
}

.message.new-day:before {
  background-color: #333 !important;
  color: #EEEEEE;
  font-size: 1.1em;
}

.message .user:hover {
  color: #EEEEEE;
}

.tab-button.active {
  background-color: #545454 !important;
}

.tab-button:hover {
  background-color: #232323 !important;
}

.messages-container .footer, .messages-container .message-form textarea, .flex-tab-bar, .tab-button {
  background-color: #434343 !important;
  color: #EEEEEE;
}

.message-form textarea {
  border: none
}

.flex-tab .content, .flex-tab .user-view, .flex-tab .list-view {
  background-color: #222;
  color: #ddd;
}

.border-component-color {
  border-color: #484040;
}

.messages-container .message-form .stream-info, .message.new-day .day-divider {
  background-color: inherit;
}

.message.new-day .day-divider span {
  background-color: #222;
}

.message.new-day .day-divider:before, .fixed-title, .flex-tab-bar, .tab-button, .messages-container, .messages-container .footer, .messages-container .message-form>.message-input {
  border-color: #222 !important;
}

.message-buttons {
  background-color: inherit !important;
}

#rocket-chat {
  background-color: grey;
}

.hljs {
  color: #bcb;
  background-color: #111;
  border-color: black;
}

.hljs-tag, .hljs-tag .hljs-title, .hljs-rules .hljs-property, .django .hljs-tag .hljs-keyword {
  color: #fd7074;
}

.hljs-symbol, .ruby .hljs-symbol .hljs-string, .lisp .hljs-keyword, .clojure .hljs-keyword, .scheme .hljs-keyword, .tex .hljs-special, .hljs-prompt {
  color: #698469;
}

.message .reactions > li {
  border-color: #555;
  background-color: #222 !important;
}

.message .info .is-bot, .message .info .role-tag {
  background-color: inherit;
  color: #aaa;
  border: 1px solid #111;
}

.side-nav .footer img {
  display: none;
}

.status-away {
  color: #c2b4d8 !important;
}