/* Darker theme for Shout. Has a bit more eye-friendly color scheme and hides some IMO unnecessary features such as "Leave" and "Submit" buttons. Installation instructions can be found here http://shout-irc.com/docs/server/configuration.html#theme Author: Riku Rouvila GitHub: https://github.com/rikukissa */ /* BACKGROUND #333c4a INPUT BACKGROUND #2e3642 PRIMARY #fefefe SECONDARY #99a2b4 BORDERS #2a323d QUIT #d0907d */ #windows .chan, #windows .window { background: #333c4a; } #main #chat, #main #form, #form .input, #chat, #windows .header { font-family: 'Open Sans', sans-serif !important; font-size: 13px; } #settings, #sign-in, #connect { color: #cccccc; } #chat .sidebar { background: #333c4a; } #chat .count { background-color: #2e3642; } #chat .search { color: #cccccc; padding: 15px 16px; } #chat .search::-webkit-input-placeholder { color: #99a2b4; opacity: 0.5; } /* Borders */ #chat .from, #windows .header, #chat .user-mode:before, #chat .sidebar { border-color: #2a323d; } /* Attach chat to window borders */ #windows .window:before, #windows .chan:before { display: none; } #footer { left: 0; bottom: 0; width: 220px; } #main { top: 0; bottom: 0; right: 0; border-radius: 0; } #chat .chat, #chat .sidebar { top: 48px; } /* User list */ #chat .user-mode { color: #fefefe; } /* Nicknames */ #chat.no-colors .from button, #chat.no-colors .sidebar button { color: #b0bacf !important; } #chat.no-colors .from button:hover, #chat.no-colors .sidebar button:hover { color: #fefefe !important; } #chat a { color: #428bca; } #chat button:hover { opacity: 1; } /* Message form */ #form { background: #2a323d; border-color: #242a33; } #form .input { margin-right: 0; } #form #input { background-color: #2e3642; border-color: #242a33; color: #cccccc; padding-left: 1em !important; } #form #nick { display: none; } #chat .header { color: #99a2b4; } /* Hide unnecessary buttons */ #windows .header .button, #form #submit { display: none; } /* Setup text colors */ #chat .msg { color: #f3f3f3; } #chat .message { color: #fefefe; } #chat .self .text { color: #99a2b4; } #chat .error, #chat .error .from, #chat .highlight, #chat .highlight .from { color: #f92772; } #chat .highlight:not(.self) { font-size: 1.2em; } #chat .msg.quit .time, #chat .msg.quit .from button { color: #d0907d !important; } #chat .msg.topic { color: #fefefe; } #chat .msg.join .time, #chat .msg.join .from button { color: #84ce88 !important; } /* Embeds */ #chat .toggle-content, #chat .toggle-button { background: #242a33; color: #f3f3f3; } #chat .toggle-content img { float: left; margin-right: 0.5em; } #chat .toggle-content .body { color: #99a2b4; } @media (max-width: 768px) { #footer { left: -220px; width: 225px; } }