Skyrock Darkmode CSS

@import url('http://fonts.googleapis.com/css?family=Oswald');
@import url('http://fonts.googleapis.com/css?family=Lato');


#js-skychat {
   background-color: #23272a;
   color: #403d40;
   font-size: .9em;
   font-family: 'Lato', sans-serif;

}

#chat-container .action {
    color: #c38fc3;
}

.chat-area, .chat-area.show-sidebar-user {
       width: 78.6247288%;
       margin-top: 0px;
     height: 100%;
}
aside.user-list-area {
       top: 0;
       width: 20.952562%; /* 263px / 1054 */
}

.buttonlink {
   border-radius: 5px;
   padding: 3px 1.2em;
}

nav.channel-nav ul > li {
   background: #2c2f33;
   border-radius: 15px;
    font-family: 'Oswald', sans-serif;

}
nav.channel-nav ul > li .pointe_channel {
   visibility: hidden;
}

nav.channel-nav ul > li a {
       padding: 3px 1.2em;
}

nav.channel-nav ul > li.new_activity .pointe_channel {
   border-color: transparent #c1ccd2 transparent transparent;
}
nav.channel-nav ul > li.new_activity {
   background: #4c5459 !important;
}
nav.channel-nav ul>li.highlight {
    background: #FF0C00 !important;
}
.box_saisie img {
   display : none;
}
.box_saisie button {
   display: none;
}
.box_saisie form,input[type="text"] {
   border-radius: 20px;
   -webkit-border-radius: 20px;
 -moz-border-radius: 20px;
   outline: none;
   padding: 5px;
}
input.msg-form-input.grow {
   background-color: #2c2f33 !important;
   color: #c1ccd2;
}
@media screen and (min-width: 767px) {
   html, body {
       overflow: visible;
   }
}
   #chat-container ::-webkit-scrollbar {
       width: 6px;
       background: #2c2f33 !important;
       border-radius: 10px;
   }

 #chat-container ::-webkit-scrollbar-thumb {
   border-radius: 10px;
   }

   #chat-container ::-webkit-scrollbar-track {
   border-radius: 10px;
   }

   #chat-container ::-webkit-scrollbar-button {
       background: #2c2f33;
       border-radius: 10px;
 }


.messages-wrapper {
   height: 380px;
}
#logosky {
   background-color: #23272a;
   display: none;
}
#navtop {
   background-color: #23272a;
}
#pm-list-preview-3304174366 span {
   color: #c1ccd2;
}
#search-form {
   background-color: #23272a;
   color: #dedede;
}
.profile {
   background-color: #23272a;
}
a.buttonlink {
    padding: 0.2em 0.7em;
}
.search-user-list li:nth-child(even) {
    background: #23272a;
}
#search-form, #search-user-list, #search-avatar-list  {
    background: #23272a;

}

a.buttonlink.search-button {
   background-color: #23272a;
}
.buttonlink {
   padding: 0.6em 0.7em;
   margin: 3px 0 3px 3px;
   background-color: #2c2f33;
   color: #fff;
   display: inline-block;
}
a.operator.black {
   color: #ffffff;
}
a.pink.js-pseudo {
   color: #ff7ac5;
}
a.voice.black {
   color: #ffffff;
}
a.voice.pink {
   color: #fa84fa;
}
button.btn_send {
   background-color: #121212;
   border-style: none;
   color: #c1ccd2;
}
div.chan-topic {
   background-color: #23272a;
   color: #f5f5f5;
}
div.js-chat-area.chat-area {
   background-color: #23272a;
}
div.js-profile {
   background-color: #23272a;
}
div.js-profile.profile {
   background-color: #23272a;
}
div.js-profile.profile.clearfix {
   background-color: #23272a;
   background-image: none;
}
div.messages-wrapper {
   background-color: #23272a;
   color: #23272a;
}
div.mp_infos div {
   color: #b3b3b3;
}
div.private-message-top {
   background-color: #2e2e2e;
}
div.profile {
   background-color: #23272a;
}
div.profile-img-container {
   background-color: #23272a;
}
div.profile-img-container img {
   background-color: #000000;
}
div.profile-infos {
   background-color: #525252;
}
div.sls_page_wrapper {
   background-color: #23272a;
}
div.table-cell.grow {
   background-color: #23272a;
}
div.topic-txt {
   margin-bottom: 0;
}
img.js-lazy-load {
   background-color: #23272a;
   border-color: #000000;
   border-style: solid;
}

input.js-upload-photo-input {
   background-color: #23272a;
}
input.js-upload-photo-input.upload {
   background-color: #23272a;
   border-style: none;
}
input.msg-form-input.grow {
   background-color: #363636;
   color: #ffffff;
}
li {
   margin-right: 0;
}
li span img {
   background-color: #a356a3;
}
li.clearfix {
   background-color: #23272a;
   color: #e6e6e6;
}
li.clearfix.n-489956491 {
   background-color: #1a1a1a;
}
nav {
   background-color: #242424;
}
nav.channel-nav {
   background-color: #23272a;
   margin-left: -75px;
   margin-top: 10px;

}
p span img {
   background-color: #363536;
}


span.quit {
   color: #595959;
}
ul.avatar-list li {
   background-color: #000000;
   border-color: #3d3d3d;
   border-style: none;
}
ul.avatar-list li a {
   background-color: #000000;
}
ul.js-sort-choice.sort-choice.clearfix {
   background-color: #23272a;
}
ul.js-ul-messages.chan-messages * {
   background-color: #23272a;
}
ul.js-ul-messages.chan-messages span[style] {
   background-color: #23272a !important;
   color: #c1ccd2 !important;
}
ul.mp_boutons li {
   background-color: #23272a;
}
ul.private-message-list {
   background-color: #23272a;
}
ul.userMenu {
   background-color: #c1ccd2;
}
ul.userlist {
   border-color: #23272a;
}
ul.userlist li {
   background-color: #23272a;
   height: 10px;
}
.userlist li:nth-child(odd) {
   background: #23272a;
}

.topic-txt {
   display: none;
}
.messages-wrapper * {
   color: #c1ccd2;
}
.messages-wrapper span * {
   color: #c1ccd2;
}
.time {
   color: #999999;
   font-size: 75%;
}
#chat-container .black {
   color: red;
}
#chat-container .part,
#chat-container .quit {
   color: #999999;
}
   .chan-messages li {
   padding: 2px 10px;
}

img[src*="https://static.skyrock.net/img/chat/smileys/1-smile.png"] {
   content: url("https://emojipedia-us.s3.amazonaws.com/thumbs/160/facebook/65/slightly-smiling-face_1f642.png")
}
img[src*="https://static.skyrock.net/img/chat/smileys/5-tongue-out.png"] {
   content: url("https://emojipedia-us.s3.amazonaws.com/thumbs/120/facebook/65/face-savouring-delicious-food_1f60b.png")
}
img[src*="https://static.skyrock.net/img/chat/smileys/30-niceeyes.png"] {
   content: url("https://emojipedia-us.s3.amazonaws.com/thumbs/120/facebook/65/smiling-face-with-smiling-eyes_1f60a.png")
}
img[src*="https://static.skyrock.net/img/chat/smileys/lol.gif"] {
   content: url("https://emojipedia-us.s3.amazonaws.com/thumbs/120/facebook/65/face-with-tears-of-joy_1f602.png")
}
img[src*="https://static.skyrock.net/img/chat/smileys/tongue.gif"] {
   content: url("https://emojipedia-us.s3.amazonaws.com/thumbs/120/facebook/65/face-with-stuck-out-tongue_1f61b.png")
}
img[src*="https://static.skyrock.net/img/chat/smileys/kiss.gif"] {
   content: url("https://emojipedia-us.s3.amazonaws.com/thumbs/120/facebook/65/face-throwing-a-kiss_1f618.png")
}
img[src*="https://static.skyrock.net/img/chat/smileys/3-blink.png"] {
   content: url("https://emojipedia-us.s3.amazonaws.com/thumbs/120/facebook/65/winking-face_1f609.png")
}

.private-conversation .chan-messages li:nth-child(even),
.private-message-list li:nth-child(even) {
   background: #23272a;
}

.user-list-area .userlist {
   background: #23272a;
}

.private-conversation .chan-messages .avatar {
 display: none;
   }

.buttonlink.active {
   background-color: #7289da;
}

   nav.channel-nav ul > li.active {
     background: #7289da;
}

   nav.channel-nav ul > li.new_activity {
   background: #6b767e;
}
.buttonlink.close {
   float: right;
}

input.js-is-private.grow {
   background-color: #2c2f33;
   color: #c1ccd2;
}

.profile-description {
    background-color: #2c2f33 !important;
}