A couple of fixes for Morning and Zenburn themes

- Removes white background on `#main` which flashes while chat is loading
- Removes 5px padding on the left of the whole window on mobile devices
- Brings back Leave and Send buttons
- Style buttons to be a darker style (leave, send, show more history)
This commit is contained in:
Pavel Djundik 2016-01-23 18:53:12 +02:00
parent 3e85130d17
commit e838a33f25
2 changed files with 51 additions and 37 deletions

View File

@ -1,7 +1,6 @@
/* /*
Darker theme for Shout. Morning theme for Shout.
Has a bit more eye-friendly color scheme and hides some IMO unnecessary features such as Has a bit more eye-friendly color scheme.
"Leave" and "Submit" buttons.
Installation instructions can be found here Installation instructions can be found here
http://shout-irc.com/docs/server/configuration.html#theme http://shout-irc.com/docs/server/configuration.html#theme
@ -19,7 +18,10 @@ BORDERS #2a323d
QUIT #d0907d QUIT #d0907d
*/ */
#windows .chan, #windows .window { #main,
#chat .sidebar,
#windows .chan,
#windows .window {
background: #333c4a; background: #333c4a;
} }
@ -36,10 +38,6 @@ QUIT #d0907d
color: #cccccc; color: #cccccc;
} }
#chat .sidebar {
background: #333c4a;
}
#chat .count { #chat .count {
background-color: #2e3642; background-color: #2e3642;
} }
@ -114,31 +112,36 @@ QUIT #d0907d
border-color: #242a33; border-color: #242a33;
} }
#form .input {
margin-right: 0;
}
#form #input { #form #input {
background-color: #2e3642; background-color: #2e3642;
border-color: #242a33; border-color: #242a33;
color: #cccccc; color: #cccccc;
padding-left: 1em !important;
} }
#form #nick { #form #nick {
display: none; background: #242a33;
color: #CCC;
}
/* Buttons */
#chat .show-more-button,
#form #submit,
#windows .header .button {
background: #2e3642;
border-color: #242a33;
color: #CCC;
}
#chat .show-more-button:hover,
#form #submit:hover,
#windows .header .button:hover {
color: #FFF;
} }
#chat .header { #chat .header {
color: #99a2b4; color: #99a2b4;
} }
/* Hide unnecessary buttons */
#windows .header .button,
#form #submit {
display: none;
}
/* Setup text colors */ /* Setup text colors */
#chat .msg { #chat .msg {
@ -197,6 +200,9 @@ QUIT #d0907d
} }
@media (max-width: 768px) { @media (max-width: 768px) {
#main {
left: 0;
}
#footer { #footer {
left: -220px; left: -220px;
width: 225px; width: 225px;

View File

@ -22,7 +22,10 @@ body {
background: #2b2b2b; background: #2b2b2b;
} }
#windows .chan, #windows .window { #main,
#chat .sidebar,
#windows .chan,
#windows .window {
background: #3f3f3f; background: #3f3f3f;
} }
@ -57,10 +60,6 @@ body {
border-top: 1px solid #000; border-top: 1px solid #000;
} }
#chat .sidebar {
background: #3f3f3f;
}
#chat .count { #chat .count {
background-color: #434443; background-color: #434443;
} }
@ -134,31 +133,37 @@ body {
border-color: #101010; border-color: #101010;
} }
#form .input {
margin-right: 0;
}
#form #input { #form #input {
background-color: #434443; background-color: #434443;
border-color: #101010; border-color: #101010;
color: #dcdccc; color: #dcdccc;
padding-left: 1em !important;
} }
#form #nick { #form #nick {
display: none; 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 { #chat .header {
color: #d2d39b; color: #d2d39b;
} }
/* Hide unnecessary buttons */
#windows .header .button,
#form #submit {
display: none;
}
/* Setup text colors */ /* Setup text colors */
#chat .msg { #chat .msg {
color: #ffcfaf; color: #ffcfaf;
@ -212,6 +217,9 @@ body {
} }
@media (max-width: 768px) { @media (max-width: 768px) {
#main {
left: 0;
}
#footer { #footer {
left: -220px; left: -220px;
width: 225px; width: 225px;