/* Zenburn theme for The Lounge. Based on the Morning Theme by Riku Rouvila Installation instructions can be found here https://thelounge.github.io/docs/server/configuration.html#theme Author: JP Smith GitHub: https://github.com/japesinator */ /* BACKGROUND #3f3f3f INPUT BACKGROUND #434443 PRIMARY #dcdccc SECONDARY #d2d39b BORDERS #333333 QUIT #bc6c4c */ body { background: #2b2b2b; } #main, #chat .sidebar, #windows .chan, #windows .window { background: #3f3f3f; } #main #chat, #main #form, #form .input, #chat, #windows .header { font-family: "Open Sans", sans-serif !important; font-size: 13px; } #settings, #sign-in, #connect { color: #dcdccc; } #settings, #sign-in, #connect .title { color: #88b090; } #settings, #sign-in, #connect .opt { color: #dcdccc; } #sidebar { background: #2b2b2b; bottom: 48px; } #footer { background: #33332f; border-top: 1px solid #000; } #chat .count { background-color: #434443; } #chat .search { color: #88b090; padding: 15px 16px; } #chat .search::-webkit-input-placeholder { color: #d2d39b; opacity: .5; } /* Borders */ #chat .from, #windows .header, #chat .user-mode:before, #chat .sidebar { border-color: #333; } /* 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: #dcdccc; } /* Nicknames */ #chat.no-colors .from button, #chat.no-colors .sidebar button { color: #bc8cbc !important; } #chat.no-colors .from button:hover, #chat.no-colors .sidebar button:hover { color: #dcdccc !important; } #chat a { color: #8c8cbc; } #chat button:hover { opacity: 1; } /* Message form */ #form { background: #333; border-color: #101010; } #form #input { background-color: #434443; border-color: #101010; color: #dcdccc; } #form #nick { background: #101010; color: #dcdccc; } /* Buttons */ #chat .show-more-button, #form #submit, #windows .header .button { background: #434443; border-color: #101010; color: #dcdccc; } #chat .show-more-button:hover, #form #submit:hover, #windows .header .button:hover { color: #fff; } #chat .header { color: #d2d39b; } /* Setup text colors */ #chat .msg { color: #ffcfaf; } #chat .message { color: #dcdccc; } #chat .self .text { color: #d2d39b; } #chat .error, #chat .error .from, #chat .highlight, #chat .highlight .from { color: #bc6c4c; } #chat .msg.quit .time, #chat .msg.quit .from button { color: #bc6c9c !important; } #chat .msg.topic { color: #dcdccc; } #chat .msg.join .time, #chat .msg.join .from button { color: #8cd0d3 !important; } /* Embeds */ #chat .toggle-content, #chat .toggle-button { background: #93b3a3; color: #dcdccc; } #chat .toggle-content img { float: left; margin-right: .5em; } #chat .toggle-content .body { color: #d2d39b; } @media (max-width: 768px) { #main { left: 0; } #footer { left: -220px; width: 225px; } }