moparisthebest/kaiwa
1
0
Fork 0
mirror of https://github.com/moparisthebest/kaiwa synced 2024-11-12 04:25:05 -05:00
Code Issues Releases Wiki Activity

[ux] improve active state and colors for statuses

Browse Source
This commit is contained in:
karolinaszczur 2013-09-21 17:38:35 +02:00
parent 06fdfb7a78
commit 33a08318ea
2 changed files with 18 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
public/css/app/roster.styl
View File

@ -15,7 +15,7 @@
noselect() noselect()
.main li a, h1, #roster li .main li a, h1, #roster li
border-bottom: 1px solid lighten($sidebarActive, 5%) border-bottom: 1px solid #1a2e35
.main .main
li li
@ -30,7 +30,7 @@
fill: white fill: white
&:hover &:hover
background: $sidebarActive background: lighten($sidebarBg, 10%)
a a
display: block display: block
@ -63,24 +63,24 @@
cursor: pointer cursor: pointer
&:nth-child(2n) &:nth-child(2n)
background: #1e252f background: lighten($sidebarBg, 5%)
&:hover &:hover
background: #2a323f background: $activeBlue
&.hasUnread .unread &.hasUnread .unread
display: block display: block
&.online, &.online,
&.chat &.chat
border-left: 3px solid green border-left: 4px solid #427a00
&.dnd &.dnd
border-left: 3px solid red border-left: 4px solid #c50041
&.away, &.away,
&.xa &.xa
border-left: 3px solid orange border-left: 4px solid #f57900
&.offline &.offline
border-left: none border-left: none
@ -93,8 +93,8 @@
color: #777 color: #777
&.activeContact &.activeContact
background: $activeBlue background: white
color: white color: $activeBlue
font-weight: bold font-weight: bold
&.composing &.composing

18
public/css/otalk.css
View File

@ -266,7 +266,7 @@ td {
#menu .main li a, #menu .main li a,
#menu h1, #menu h1,
#menu #roster li { #menu #roster li {
border-bottom: 1px solid #1e3356; border-bottom: 1px solid #1a2e35;
} }
#menu .main li { #menu .main li {
list-style-type: none; list-style-type: none;
@ -280,7 +280,7 @@ td {
fill: #fff; fill: #fff;
} }
#menu .main li:hover { #menu .main li:hover {
background: #192a47; background: #1b2e36;
} }
#menu .main li a { #menu .main li a {
display: block; display: block;
@ -312,11 +312,11 @@ td {
} }
#roster li:nth-child(2n), #roster li:nth-child(2n),
#bookmarks li:nth-child(2n) { #bookmarks li:nth-child(2n) {
background: #1e252f; background: #132126;
} }
#roster li:hover, #roster li:hover,
#bookmarks li:hover { #bookmarks li:hover {
background: #2a323f; background: #00aeef;
} }
#roster li.hasUnread .unread, #roster li.hasUnread .unread,
#bookmarks li.hasUnread .unread { #bookmarks li.hasUnread .unread {
@ -326,17 +326,17 @@ td {
#bookmarks li.online, #bookmarks li.online,
#roster li.chat, #roster li.chat,
#bookmarks li.chat { #bookmarks li.chat {
border-left: 3px solid #008000; border-left: 4px solid #427a00;
} }
#roster li.dnd, #roster li.dnd,
#bookmarks li.dnd { #bookmarks li.dnd {
border-left: 3px solid #f00; border-left: 4px solid #c50041;
} }
#roster li.away, #roster li.away,
#bookmarks li.away, #bookmarks li.away,
#roster li.xa, #roster li.xa,
#bookmarks li.xa { #bookmarks li.xa {
border-left: 3px solid #ffa500; border-left: 4px solid #f57900;
} }
#roster li.offline, #roster li.offline,
#bookmarks li.offline { #bookmarks li.offline {
@ -353,8 +353,8 @@ td {
} }
#roster li.activeContact, #roster li.activeContact,
#bookmarks li.activeContact { #bookmarks li.activeContact {
background: #00aeef; background: #fff;
color: #fff; color: #00aeef;
font-weight: bold; font-weight: bold;
} }
#roster li.composing, #roster li.composing,