thegamer/Cable-Desktop
2
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

Change colors and backgrounds

Browse source
This commit is contained in:
lilia 2015-08-27 17:01:34 -07:00
parent e8b4bd708e
commit fbb50e6621
5 changed files with 23 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
images/icon_tile.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 1.1 KiB

1
stylesheets/_conversation.scss
View file

@ -117,6 +117,7 @@
margin: 0; margin: 0;
padding: 1em 0; padding: 1em 0;
overflow-y: auto; overflow-y: auto;
background-color: #ffffff;
.timestamp { .timestamp {
cursor: pointer; cursor: pointer;

9
stylesheets/_global.scss
View file

@ -267,17 +267,20 @@ $avatar-size: 44px;
.contact { .contact {
position: relative; position: relative;
padding: 12px; padding: 12px;
background: white;
cursor: pointer; cursor: pointer;
transition: background 0.2s;
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
box-shadow: 0 1px 3px rgba(#aaa, 0.8); box-shadow: 0 0px 1px rgba(#aaa, 0.8);
&:hover { &:hover {
background: #f8f8f8; background: #f8f8f8;
} }
&.selected {
background: $blue;
color: #ffffff;
}
&:last-child::after { &:last-child::after {
display: none; display: none;
} }

5
stylesheets/_index.scss
View file

@ -1,4 +1,5 @@
.gutter { .gutter {
background: $grey_l;
padding: $header-height 0 0; padding: $header-height 0 0;
} }
@ -50,6 +51,7 @@
} }
.conversation-stack { .conversation-stack {
background: url('/images/icon_tile.png');
padding-left: 300px; padding-left: 300px;
padding-top: $header-height; padding-top: $header-height;
.conversation { .conversation {
@ -114,6 +116,9 @@ input.search {
font-size: smaller; font-size: smaller;
} }
.new-contact, .contacts {
background: $grey_l;
}
.new-contact { .new-contact {
display: none; display: none;
.contact-name { display: none; } .contact-name { display: none; }

15
stylesheets/manifest.css
View file

@ -224,14 +224,15 @@ img.emoji {
.contact { .contact {
position: relative; position: relative;
padding: 12px; padding: 12px;
background: white;
cursor: pointer; cursor: pointer;
transition: background 0.2s;
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
box-shadow: 0 1px 3px rgba(170, 170, 170, 0.8); } box-shadow: 0 0px 1px rgba(170, 170, 170, 0.8); }
.contact:hover { .contact:hover {
background: #f8f8f8; } background: #f8f8f8; }
.contact.selected {
background: #2090ea;
color: #ffffff; }
.contact:last-child::after { .contact:last-child::after {
display: none; } display: none; }
.contact .contact-details { .contact .contact-details {
@ -345,6 +346,7 @@ img.emoji {
to { to {
transform: rotate(360deg); } } transform: rotate(360deg); } }
.gutter { .gutter {
background: #f3f3f3;
padding: 36px 0 0; } padding: 36px 0 0; }
.conversation-stack, .conversation-stack,
@ -379,6 +381,7 @@ img.emoji {
background: url("/images/error_red.png") no-repeat left center; } background: url("/images/error_red.png") no-repeat left center; }
.conversation-stack { .conversation-stack {
background: url("/images/icon_tile.png");
padding-left: 300px; padding-left: 300px;
padding-top: 36px; } padding-top: 36px; }
.conversation-stack .conversation { .conversation-stack .conversation {
@ -429,6 +432,9 @@ input.search {
.last-timestamp { .last-timestamp {
font-size: smaller; } font-size: smaller; }
.new-contact, .contacts {
background: #f3f3f3; }
.new-contact { .new-contact {
display: none; } display: none; }
.new-contact .contact-name { .new-contact .contact-name {
@ -554,7 +560,8 @@ input.search {
.message-list { .message-list {
margin: 0; margin: 0;
padding: 1em 0; padding: 1em 0;
overflow-y: auto; } overflow-y: auto;
background-color: #ffffff; }
.message-list .timestamp { .message-list .timestamp {
cursor: pointer; } cursor: pointer; }
.message-list .timestamp:hover { .message-list .timestamp:hover {