User blog:Kingcodefish/KA Chat Dark Theme

====This is a theme that can be used in your Special:MyPage/wikia.css. It adds a dark theme to the chat. To apply it, copy and paste the following code into your Special:MyPage/wikia.css file. Once completed, hard refresh the chat page via Ctrl+Shift+R in Webkit browsers or a similar method in others. Check back here frequently for any updates. You can check this by comparing the version number below to the one found in your CSS file. If you would like your name to have a special effect added to it, tell me in the community chat or comment below.====

More themes are to come...
/* Version 1.0 */ body { background: #000 !important; } a { color: lightgreen !important; } .ChatWindow [data-user="TibetPrime"] .username { text-shadow: 0 0 8px lightgreen; } .ChatWindow [data-user=TibetPrime] .message { color: #4db7ff; } [data-user="Anthony Jacquez"] .username { color: red; text-shadow: -1px 1px 0 orange, -2px 2px 0 yellow, -3px 3px 0 green, -4px 4px 0 blue, -5px 5px 0 indigo, -6px 6px 0 violet; } [data-user="Tariq Jabbar"] .username { color: black; text-shadow: 0 0 5px black; } .ChatWindow .WikiaPage { background: #222 !important; border: none !important; color: white !important; } .Write { border: none !important; } .Write img { border: none !important; } .Write .message { border: none !important; height: 2.54em; } .Write textarea { color: white !important; } .User img { border: none !important; } .Rail .public { box-shadow: inset 0 0 7px 0 #333; background: #444; } .Rail .User:hover { background: #444; } .ChatWindow .UserStatsMenu { box-shadow: 0 0 12px 0 #222 !important; border: 3px solid #333 !important; background: #444 !important; } .UserStatsMenu .info { background: #555 !important; } .ChatHeader { color: #33cc33; border: none; } .ChatHeader .User { border-left: 1px solid #fff !important; } .ChatHeader .User .username { color: white; } .wordmark { margin-top: 7px; } .wordmark img { -webkit-filter: invert(100%); filter: invert(100%); } .Chat { border: none !important; } .Chat .inline-alert { color: lightgreen !important; } @keyframes animation { 0% {text-shadow: 0 0 20px #fefcc9, 10px -0.1rem 30px #feec85, -20px -0.2rem 40px #ffae34, 20px -0.4rem 50px #ec760c, -20px -0.6rem 60px #cd4606, 0 -0.8rem 70px #973716, 10px -0.9rem 80px #451b0e;} 100% {text-shadow: 0 0 20px #fefcc9, 10px -0.1rem 30px #fefcc9, -20px -0.2rem 40px #feec85, 22px -0.42rem 60px #ffae34, -22px -0.58rem 50px #ec760c, 0 -0.82rem 80px #cd4606, 10px -0.9rem 80px  #973716;} } .Chat .avatar { border: 2px solid #e0e0e0; border-radius: 100px; -webkit-transition: -webkit-transform 1.1s cubic-bezier(.53,3,.42,.36); transition: transform 1.3s cubic-bezier(.53,3,.42,.36); } .Chat .avatar:hover { -webkit-transform: rotate(70deg); -ms-transform: rotate(70deg); transform: rotate(70deg); -webkit-transition: -webkit-transform 1.2s cubic-bezier(.17,0,0,1); transition: transform 1.4s cubic-bezier(.17,0,0,1); } li[data-user="Kingcodefish"] { background: #80aaff !important; color: #fff; } .ChatWindow [data-user="Kingcodefish"] .username { font-family: "Orbitron",sans-serif; animation: animation 1s ease-in-out infinite alternate; color: darkred; } @font-face { font-family:'Orbitron'; font-style: normal; font-weight: 400; src:url('http://fonts.gstatic.com/s/orbitron/v6/qhIa0Jl7ziRjUBxIWMni1_esZW2xOQ-xsNqO47m55DA.eot?#iefix '); src:url('http://fonts.gstatic.com/s/orbitron/v6/qhIa0Jl7ziRjUBxIWMni1_esZW2xOQ-xsNqO47m55DA.eot?#iefix ') format('eot'),url('http://fonts.gstatic.com/s/orbitron/v6/HmnHiRzvcnQr8CjBje6GQvesZW2xOQ-xsNqO47m55DA.woff2 ') format('woff2'),url('http://fonts.gstatic.com/s/orbitron/v6/94ug0rEgQO_WuI_xKJMFc_esZW2xOQ-xsNqO47m55DA.woff ') format('woff'), url('http://fonts.gstatic.com/s/orbitron/v6/lVErvynhvxLufD6jW6vDo_esZW2xOQ-xsNqO47m55DA.ttf ') format('truetype'); } a[href$="/wiki/User:EytukanStudios"] { content: "Eytukan \b"; color: dodgerblue; font-family: "Orbitron", sans-serif; text-shadow: 1px 1px 0 green, 2px 2px 0 blue; font-weight: bold; } .ChatWindow [data-user="EytukanStudios"] .username{ content: "Eytukan \b"; color: dodgerblue; font-family: "Orbitron", sans-serif; text-shadow: 1px 1px 0 green, 2px 2px 0 blue; font-weight: bold; } [data-user=BlazeProgramming] { color: red; } .ChatWindow [data-user="MicahAminot27"] .message{ color: green; font-size: 100; font-family: Chiller; } .ChatWindow [data-user="MicahAminot27"] .username{ color: green; font-size: 100; font-family: Chiller; } .time::before { content: "This message was posted on " !important; } .Chat .me-message { color: lightgreen; } .Chat .time { color: lemonchiffon; }