Loki new CSS

/*DARK MODE*/

/* Header & Background */

.dark body {
    background-image: url(https://i.imgur.com/pugHLKR.gif);
    background-size: 20% 20%;
    background-repeat: repeat;
}

.dark .header {
    background: none
;
}

.dark .header .logo {
    background: url(https://i.imgur.com/TuN9o3J.gif);
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: right;
    float: left;
    margin: 8px 0px 0px -148px;
    padding-right: 150px;
}

.dark .tabbar a.button {
    background-image: url(https://i.imgur.com/hP6dPnr.gif);
    color: #ff06f0;
    font-weight: bold;
    text-shadow: 1px 1px 1px black;
    border: #b400c7 groove 2px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}

.dark .tabbar a.button:hover {
    background-image: url(https://i.imgur.com/yym4FSU.gif);
    color: #cb00ff;
    text-shadow: 1px 1px 1px #4c007e;
    border: #b000d5 groove 2px;
}

.dark .tabbar a.button.cur {
    background-image: url(https://i.imgur.com/hP6dPnr.gif);
    color: #ff1fae;
    font-weight: bold;
    border: #b000d5 groove 2px;
}

.dark .tabbar a.button.cur:hover {
    background-image: url(https://i.imgur.com/yym4FSU.gif);
    color: #cb00ff;
    font-weight: bold;
    text-shadow: 1px 1px 1px #4c007e;
    border: #b000d5 groove 2px;
}

.dark .tabbar a.button.subtle-notifying {
    color: #a900f4;
}

.dark .tabbar a.button.notifying {
    background-image: url(https://i.imgur.com/bFWVuMT.gif);
    font-weight: bold;
    color: #ff1fae;
    border: #b000d5 groove 2px;
}

.dark .tabbar a.button.notifying:hover {
    background-image: url(https://i.imgur.com/bFWVuMT.gif);
    color: #b051ff;
}

.dark .tabbar li:last-child a.button {
    border-top-right-radius: 12px;
}

.dark .tabbar li:first-child a.button {
    border-top-left-radius: 12px;
}

.dark .tabbar .closebutton {
    color: #bf00cc;
}

.dark .tabbar .closebutton:hover {
    color: #ff1fae;
}

.dark .userbar button {
    background: linear-gradient(to bottom right, #0F1235, #4C5E84, #0F1235);
    color: #E6E6E6;
    border: #E6E6E6 solid 1px;
}

.dark .userbar button:hover {
    background: linear-gradient(to top right, #0F1235, #4C5E84, #0F1235);
}

.dark .maintabbarbottom {
    background-image: url(https://i.imgur.com/hP6dPnr.gif);
    border: #cb00ff groove 1px;
}

/* Menugroup */

.dark .menugroup {
    background-image: url(https://i.imgur.com/zWf3ej0.jpg);
    background-size: cover;
    background-position: center;
    border: 2px groove #a900f4;
    border-radius: 20px;
}

.dark .menugroup label {
    color: #a900f4 ;
}

.dark .menugroup button {
    background: linear-gradient(to bottom, #e208ff 0%, #a900f4 50%, #4c007e 100%);
    box-shadow: none;
    color: #ff1fae ;
    border: 2px groove #a900f4 ;
    border-radius: 14px;
    text-shadow: 1px 1px 1px #4c007e;
}

.dark .menugroup button:hover {
    background: linear-gradient(to top, #e208ff 0%, #a900f4 50%, #4c007e 100%);
    border: 2px groove #b051ff ;
    color: #a900f4;
    border-radius: 14px;
    text-shadow: 1px 1px 1px #4c007e;
}

.dark .menugroup .select:disabled {
    background: linear-gradient(to top, #cb00ff 0%, #4c007e 50%, rgba(49,15,158,1) 100%);
    border: #310f9e groove 2px
;
}

.dark .teamselect:disabled strong {
    color: #ff06f0;
}

/* Footer CSS */

.dark .mainmenufooter {
    background: linear-gradient(to top, #cb00ff 0%, #4c007e 50%, rgba(49,15,158,1) 100%);
    box-shadow: none;
    border: #ff1fae groove 2px ;
    border-radius: 14px;
}

.dark .mainmenufooter a {
    color: #ff1fae
;
}

.dark .mainmenufooter a:hover {
    color: #b051ff
;
}

/* Userlist & Chat */

.dark .userlist {
    background-image: url(https://i.imgur.com/yaVTI3S.jpg);
    background-size: cover;
    color: #ff1fae
;
}

.dark .userlist-count:hover {
    background: #41298f ;
}

.dark .userlist li {
    border-color: #b051ff;
}

.dark .userlist li button:hover {
    background: #ff06f0;
}

.dark .ps-room {
    border-color: #b051ff ;
}

.dark .userlist li em.group {
    color: #ff1fae;
}

.dark .chat.mine {
    background: none
;
}

.dark .infobox {
    border: solid 1px #b051ff
;
}

.dark .chat-log {
    background-image: url(https://i.imgur.com/pVRTnxc.png);
    background-size: cover;
    background-repeat: no-repeat;
    color: #ff06f0;
    text-shadow: 1px 1px 1px #0b001f;
}

.dark .chat-log .chat small {
    color: #b051ff
;
}

.dark .chat-log-add .textbox {
    background-image: url(https://i.imgur.com/zWf3ej0.jpg);
    background-position: center;
    background-size: cover;
    border-radius: 14px;
    color: #ff06f0;
}

.dark .chat-log-add {
    background: linear-gradient(to top, #cb00ff 0%, #4c007e 50%, rgba(49,15,158,1) 100%);
    border: solid 1px #0b001f
;
}

.dark .highlighted {
    background-image: url(https://i.imgur.com/X6Z4qZV.jpg);
    background-position: center;
    background-size: cover;
    color: #ff06f0;
    text-shadow: 1px 1px 2px #ff1fae;
}