diff --git a/client/themes/morning.css b/client/themes/morning.css new file mode 100644 index 00000000..a5ee67f3 --- /dev/null +++ b/client/themes/morning.css @@ -0,0 +1,197 @@ +/* +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, +#chat .msg.quit .type { + color: #d0907d !important; +} + +#chat .msg.topic { + color: #fefefe; +} +#chat .msg .type { + margin-right: 0.5em; +} + +#chat .msg.join .time, +#chat .msg.join .from button, +#chat .msg.join .type { + 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; +}