github/overleaf
1
0
Fork 0
mirror of https://github.com/overleaf/overleaf.git synced 2025-02-23 13:31:21 +00:00
Code Issues Projects Releases Packages Wiki Activity

More color adjustments.

Browse source
This commit is contained in:
Paulo Reis 2017-12-13 14:01:46 +00:00
parent c03ce6fdf7
commit 36c79979bd
4 changed files with 20 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
services/web/app/coffee/infrastructure/ExpressLocals.coffee
View file

@ -302,8 +302,8 @@ module.exports = (app, webRouter, privateApiRouter, publicApiRouter)->
westResizerCursor : if isOl then "ew-resize" else null
chatResizerSizeOpen : if isOl then 2 else 12
chatResizerSizeClosed : 0
chatMessageBorderSaturation: if isOl then "90%" else "70%"
chatMessageBorderLightness : if isOl then "50%" else "70%"
chatMessageBgSaturation : if isOl then "90%" else "60%"
chatMessageBgLightness : if isOl then "50%" else "97%"
chatMessageBorderSaturation: if isOl then "100%" else "70%"
chatMessageBorderLightness : if isOl then "45%" else "70%"
chatMessageBgSaturation : if isOl then "100%" else "60%"
chatMessageBgLightness : if isOl then "45%" else "97%"
next()

10
services/web/public/stylesheets/app/editor/chat.less
View file

@ -37,9 +37,12 @@
margin: @line-height-computed / 2;
.date {
font-size: 12px;
color: @chat-color;
border-bottom: 1px solid @gray-lightest;
color: @chat-message-date-color;
margin-bottom: @line-height-computed / 2;
text-align: right;
}
.date when (@is-overleaf = false) {
border-bottom: 1px solid @gray-lightest;
text-align: center;
}
.avatar {
@ -58,7 +61,7 @@
.name {
font-size: 12px;
color: @gray-light;
color: @chat-message-name-color;
margin-bottom: 4px;
min-height: 16px;
}
@ -72,6 +75,7 @@
.message-content {
padding: @line-height-computed / 2;
overflow-x: auto;
color: @chat-message-color;
}
.arrow {

6
services/web/public/stylesheets/core/_common-variables.less
View file

@ -928,10 +928,12 @@
// Chat
@chat-bg : transparent;
@chat-color : @gray-light;
@chat-new-message-bg : @gray-lightest;
@chat-message-color : @text-color;
@chat-message-date-color : @gray-light;
@chat-message-name-color : @gray-light;
@chat-message-box-shadow : -1px 2px 3px #ddd;
@chat-message-border-radius : 0;
@chat-new-message-bg : @gray-light;
// Tags
@tag-border-radius : 0.25em;

8
services/web/public/stylesheets/core/ol-variables.less
View file

@ -199,11 +199,13 @@
@editor-border-color : @ol-blue-gray-5;
// Chat
@chat-bg : @ol-blue-gray-2;
@chat-color : #FFF;
@chat-new-message-bg : @ol-blue-gray-3;
@chat-bg : @ol-blue-gray-6;
@chat-message-color : #FFF;
@chat-message-name-color : #FFF;
@chat-message-date-color : @ol-blue-gray-2;
@chat-message-box-shadow : none;
@chat-message-border-radius : @border-radius-base;
@chat-new-message-bg : @gray-light;
//## Gray and brand colors for use across Bootstrap.
@gray-darker: #252525;