Skip to content
This repository has been archived by the owner on Dec 16, 2022. It is now read-only.

A couple of fixes for Morning and Zenburn themes #605

Merged
merged 1 commit into from
Jan 24, 2016
Merged

A couple of fixes for Morning and Zenburn themes #605

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
46 changes: 26 additions & 20 deletions client/themes/morning.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,6 @@
/*
Darker theme for Shout.
Has a bit more eye-friendly color scheme and hides some IMO unnecessary features such as
"Leave" and "Submit" buttons.
Morning theme for Shout.
Has a bit more eye-friendly color scheme.

Installation instructions can be found here
http://shout-irc.com/docs/server/configuration.html#theme
Expand All @@ -19,7 +18,10 @@ BORDERS #2a323d
QUIT #d0907d
*/

#windows .chan, #windows .window {
#main,
#chat .sidebar,
#windows .chan,
#windows .window {
background: #333c4a;
}

Expand All @@ -36,10 +38,6 @@ QUIT #d0907d
color: #cccccc;
}

#chat .sidebar {
background: #333c4a;
}

#chat .count {
background-color: #2e3642;
}
Expand Down Expand Up @@ -114,31 +112,36 @@ QUIT #d0907d
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;
background: #242a33;
color: #CCC;
}

Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

image

/* 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;
}
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Yeah, I agree with this. It's confusing if a user changes a theme and then can't leave any rooms on mobile. took me ages to figure out this is why there wasn't a leave button.

Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

👏



#chat .header {
color: #99a2b4;
}
/* Hide unnecessary buttons */
#windows .header .button,
#form #submit {
display: none;
}


/* Setup text colors */
#chat .msg {
Expand Down Expand Up @@ -197,6 +200,9 @@ QUIT #d0907d
}

@media (max-width: 768px) {
#main {
left: 0;
}
#footer {
left: -220px;
width: 225px;
Expand Down
42 changes: 25 additions & 17 deletions client/themes/zenburn.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,10 @@ body {
background: #2b2b2b;
}

#windows .chan, #windows .window {
#main,
#chat .sidebar,
#windows .chan,
#windows .window {
background: #3f3f3f;
}

Expand Down Expand Up @@ -57,10 +60,6 @@ body {
border-top: 1px solid #000;
}

#chat .sidebar {
background: #3f3f3f;
}

#chat .count {
background-color: #434443;
}
Expand Down Expand Up @@ -134,29 +133,35 @@ body {
border-color: #101010;
}

#form .input {
margin-right: 0;
}

#form #input {
background-color: #434443;
border-color: #101010;
color: #dcdccc;
padding-left: 1em !important;
}

#form #nick {
display: none;
background: #101010;
color: #dcdccc;
}
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

image

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Well, it had to be important because javascript sets padding-left directly on the element :D


#chat .header {
color: #d2d39b;
/* Buttons */
#chat .show-more-button,
#form #submit,
#windows .header .button {
background: #434443;
border-color: #101010;
color: #dcdccc;
}

/* Hide unnecessary buttons */
#windows .header .button,
#form #submit {
display: none;
#chat .show-more-button:hover,
#form #submit:hover,
#windows .header .button:hover {
color: #FFF;
}


#chat .header {
color: #d2d39b;
}

/* Setup text colors */
Expand Down Expand Up @@ -212,6 +217,9 @@ body {
}

@media (max-width: 768px) {
#main {
left: 0;
}
#footer {
left: -220px;
width: 225px;
Expand Down