|
|
|
|
@ -22,18 +22,11 @@ |
|
|
|
|
*/ |
|
|
|
|
|
|
|
|
|
html { |
|
|
|
|
.custom-scroll(transparent, @custom-scrollbar-color, 0); |
|
|
|
|
.custom-scroll(@transparent-dark, @custom-scrollbar-color, 0); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.flex-nav, |
|
|
|
|
.flex-tab .content, |
|
|
|
|
.messages-container .wrapper, |
|
|
|
|
.list-view, |
|
|
|
|
.page-container .content, |
|
|
|
|
.rooms-list, |
|
|
|
|
.scrollable, |
|
|
|
|
.user-view { |
|
|
|
|
.custom-scroll(transparent, @custom-scrollbar-color); |
|
|
|
|
* { |
|
|
|
|
.custom-scroll(@transparent-dark, @custom-scrollbar-color); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
body { |
|
|
|
|
@ -77,7 +70,7 @@ blockquote:before { |
|
|
|
|
tr { |
|
|
|
|
background-color: @transparent-light; |
|
|
|
|
&:nth-of-type(even) { |
|
|
|
|
background-color: @transparent-lighter; |
|
|
|
|
background-color: @transparent-lightest; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
tr:hover td { |
|
|
|
|
@ -138,7 +131,7 @@ blockquote:before { |
|
|
|
|
pre { |
|
|
|
|
color: @error-color; |
|
|
|
|
border-color: @error-border; |
|
|
|
|
background-color: @transparent-lighter; |
|
|
|
|
background-color: @transparent-lightest; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
@ -313,7 +306,6 @@ blockquote:before { |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.messages-box { |
|
|
|
|
.start { |
|
|
|
|
color: @info-font-color; |
|
|
|
|
@ -329,6 +321,25 @@ blockquote:before { |
|
|
|
|
* Message content |
|
|
|
|
*/ |
|
|
|
|
|
|
|
|
|
.first-unread { |
|
|
|
|
.body { |
|
|
|
|
&::before { |
|
|
|
|
background: @transparent-darker; |
|
|
|
|
} |
|
|
|
|
&::after { |
|
|
|
|
color: @primary-font-color; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.first-unread-opaque { |
|
|
|
|
.body { |
|
|
|
|
&::before { |
|
|
|
|
background: @transparent-dark; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.message { |
|
|
|
|
.body { |
|
|
|
|
color: @primary-font-color; |
|
|
|
|
@ -468,22 +479,25 @@ a:hover { |
|
|
|
|
.rooms-list { |
|
|
|
|
background-color: lighten(@primary-background-color, 2.5%); |
|
|
|
|
} |
|
|
|
|
.more:hover, |
|
|
|
|
h3:hover, |
|
|
|
|
li:hover, |
|
|
|
|
.more:hover, |
|
|
|
|
.selected-users li { |
|
|
|
|
background-color: @transparent-darker; |
|
|
|
|
} |
|
|
|
|
li.active .opt { |
|
|
|
|
color: @tertiary-font-color; |
|
|
|
|
li.active { |
|
|
|
|
background-color: @transparent-light !important; |
|
|
|
|
} |
|
|
|
|
.active a { |
|
|
|
|
color: @primary-background-contrast; |
|
|
|
|
background-color: @transparent-lighter; |
|
|
|
|
i { |
|
|
|
|
color: @transparent-lighter; |
|
|
|
|
} |
|
|
|
|
.open-room:hover { |
|
|
|
|
background-color: @transparent-lighter; |
|
|
|
|
.status-offline { |
|
|
|
|
color: @transparent-lighter !important; |
|
|
|
|
} |
|
|
|
|
.has-alert a { |
|
|
|
|
.opt i:hover { |
|
|
|
|
color: @transparent-lightest; |
|
|
|
|
} |
|
|
|
|
.has-alert .name { |
|
|
|
|
color: @primary-background-contrast; |
|
|
|
|
} |
|
|
|
|
.unread { |
|
|
|
|
@ -493,6 +507,12 @@ a:hover { |
|
|
|
|
background-color: @primary-action-color; |
|
|
|
|
color: @primary-action-contrast; |
|
|
|
|
} |
|
|
|
|
.button { |
|
|
|
|
.buttonColors(@tertiary-font-color, mix(@primary-action-color, @primary-background-color)); |
|
|
|
|
} |
|
|
|
|
.options button { |
|
|
|
|
.buttonColors(@tertiary-font-color, @primary-background-color); |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@ -502,11 +522,12 @@ a:hover { |
|
|
|
|
|
|
|
|
|
.flex-tab { |
|
|
|
|
background-color: @secondary-background-color; |
|
|
|
|
.content, .user-view, .list-view { |
|
|
|
|
.content, |
|
|
|
|
.user-view, |
|
|
|
|
.list-view { |
|
|
|
|
background-color: @secondary-background-color; |
|
|
|
|
} |
|
|
|
|
.message { |
|
|
|
|
background-color: @transparent-lighter; |
|
|
|
|
&.new-day::before { |
|
|
|
|
background-color: @secondary-background-color; |
|
|
|
|
} |
|
|
|
|
@ -577,7 +598,7 @@ i.status-away { |
|
|
|
|
|
|
|
|
|
.account-box .status-away .thumb:after, |
|
|
|
|
.account-box .status.away:after, |
|
|
|
|
.options .status .online:after, |
|
|
|
|
.options .status .away:after, |
|
|
|
|
.popup-user-status-away, |
|
|
|
|
.status-pending:after, |
|
|
|
|
.user-image.status-away .avatar:after { |
|
|
|
|
@ -591,7 +612,7 @@ i.status-busy { |
|
|
|
|
|
|
|
|
|
.account-box .status-busy .thumb:after, |
|
|
|
|
.account-box .status.busy:after, |
|
|
|
|
.options .status .online:after, |
|
|
|
|
.options .status .busy:after, |
|
|
|
|
.popup-user-status-busy, |
|
|
|
|
.status-busy:after, |
|
|
|
|
.user-image.status-busy .avatar:after { |
|
|
|
|
@ -605,7 +626,7 @@ i.status-offline { |
|
|
|
|
|
|
|
|
|
.account-box .status-offline .thumb:after, |
|
|
|
|
.account-box .status.offline:after, |
|
|
|
|
.options .status .online:after, |
|
|
|
|
.options .status .offline:after, |
|
|
|
|
.popup-user-status-offline, |
|
|
|
|
.status-offline:after, |
|
|
|
|
.user-image.status-offline .avatar:after { |
|
|
|
|
@ -685,15 +706,6 @@ i.status-offline { |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.side-nav { |
|
|
|
|
.button { |
|
|
|
|
.buttonColors(@tertiary-font-color, mix(@primary-action-color, @primary-background-color)); |
|
|
|
|
} |
|
|
|
|
.options button { |
|
|
|
|
.buttonColors(@tertiary-font-color, @primary-background-color); |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/** ---------------------------------------------------------------------------- |
|
|
|
|
* Feedback and overlay content |
|
|
|
|
|