Slack theme

slack_theme.css

.channels_list_holder h2 {
  font-size: 14px;
}

.list_more {
  font-size: 14px;
}

.channels_list_holder ul li {
  font-size: 18px;
  line-height: 1.3em;
  margin-bottom: 3px;
}

.channels_list_holder ul li a {
}

.channels_list_holder .section_holder {
  margin: 5px 0px 20px;
}

#team_menu {
  background: #082830;
  border-bottom: 2px solid #000000;
}

#user_menu {
  background: #082830;
  border-bottom: 2px solid #000000;
  border-top: 2px solid #000000;
}

#col_channels {
  background: #061418;
}

#monkey_scroll_wrapper_for_channels_scroller .monkey_scroll_bar {
  background: #000000;
}

#body {
  background: #000000;
  color: white !important;
}

#header {
  background: #061418;
}

#footer {
  background: #061418;
}

.message {
  font-size: 18px !important;
}

#message-input {
  background: #082830;
  border: 2px solid #061418;
  color: #AFAFAF;
}

#primary_file_button {
  background: #082830;
  border: #061418;
}

.light_theme .message {
  color: #AFAFAF;
}

.light_theme .message_sender {
  color: #AFAFAF;
}

.msgs_holder {
  background: #061418;
}

.day_divider {
  background: #061418;
  color: white;
}

.day_divider_label {
  background: #061418;
}

.message .mention {
  background: #0D595F;
}

.message .mention_channel {
  background: #0D595F;
}

#channel_members_toggle {
  background: #061418;
}

.monkey_scroll_bar {
  background: #000000;
  width: 8px;
}

code,
pre {
  background-color: rgb(39, 39, 39) !important;
  border: none !important;
  color: #00ffa1;
  font-family: "Triplicate T4c", monospace !important;
  font-size: 14px !important;
  padding: 5px !important;
}

pre {
  padding: 10px !important;
}

.snippet_preview {
  background-color: rgb(229, 229, 229) !important;
  margin: 10px;
}

.snippet_preview pre {
  background-color: transparent !important;
  font-family: "Triplicate T4c", monospace !important;
  padding: 0.4em !important;
}

#header_search_form .search_input {
  color: white;
}

#client-ui .monkey_scroll_handle_inner {
  background: #404040;
}

#end_div {
  background-color: #061418;
}

.search_form .search_input {
  border: 1px solid #959595;
  padding: 1px 3rem;
}

.search_form .search_input:focus {
  border: 1px solid #A24F4F;
  padding: 1px 3rem;
}

.modal,
.modal-header,
.modal-footer {
  background-color: #082830 !important;
}

.modal-header h3 {
  color: #ffffff;
}

.CodeMirror,
.CodeMirror pre {
  background-color: #fff !important;
}

textarea,
input {
  background-color: #082830 !important;
  border-radius: 0 !important;
  color: white !important;
  -webkit-transition-delay: 0s, 0s !important;
  -webkit-transition-duration: 0.2s, 0.2s !important;
  -webkit-transition-property: all !important;
  -webkit-transition-timing-function: linear, linear !important;
}

textarea:focus,
input:focus {
  background-color: #054758 !important;
  border-color: #1088A9 !important;
  border-width: 1px !important;
}

.btn {
  border-radius: 0 !important;
}

label {
  color: white !important;
}

a, a:link, a:visited {
  color: #FF0088;
}

#footer {
  right: 17px;
}

#message-input {
  border: solid 1px #082830 !important;
}

#message-input:focus {
  border: solid 1px #1088A9 !important;
  background-color: #054758 !important;
}

#special_formatting_text {
  display: none;
}

.emo_menu img {
  margin-top: 11px;
}

.icon_search {
  display: none;
  padding: 7px;
}

#primary_file_button {
  margin-top: 8px !important;
}

#message-input-container {
  right: 20px;
}

body,
  #client_body {
  background-color: #061418;
}

.monkey_scroll_bar {
  background-color: #061418 !important;
}

#client-ui .monkey_scroll_handle_inner {
  border: 3px solid #061418 !important;
  background: #4F4F4F !important;
  border-radius: 0px !important;
}

.monkey_scroll_bar {
  background-color: #061418 !important;
}

#fotter_msgs .fa-arrow-circle-o-up {
  margin-top: 8px !important;
}

#header_search_form.search_form .icon_search {
  display: none;
}

.search_form .search_input {
  padding: 7px !important;
}

.msg_inline_holder {
  border: none !important;
  background-color: #3A3A3A;
}

.msg_inline_holder img[src*="gif"] {
  -webkit-animation: ease spin 1s forwards 5s;
}
  
.msg_inline_holder:hover img[src*="gif"] {
  -webkit-animation: none;
  width: 100%;
  height: 100%;
}

@-webkit-keyframes spin {
    from { 
      transform: rotateZ(0deg);
      width: 100%;
      height: 100%;
    }
    to { 
      transform: rotateZ(720deg);
      width: 0;
      height: 0;

    }
}

            

slack_theme_feds.png