Lea/web-apps
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

[stylesheets] changed styleshteets according to colors table

Browse source
This commit is contained in:
Maxim Kadushkin 2021-01-20 22:32:46 +03:00
parent d7a2a47979
commit 551ffb48c6
5 changed files with 11 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
apps/common/main/resources/less/chat.less
View file

@ -143,7 +143,7 @@
height: 100%; height: 100%;
resize: none; resize: none;
margin-bottom: 5px; margin-bottom: 5px;
border: 1px solid @border-toolbar; border: 1px solid @border-regular-control;
font-size: 12px; font-size: 12px;
&:focus { &:focus {

1
apps/common/main/resources/less/colors-table-dark.less
View file

@ -47,6 +47,7 @@
--icon-toolbar-header: fade(#fff, 80%); --icon-toolbar-header: fade(#fff, 80%);
--icon-notification-badge: #000; --icon-notification-badge: #000;
--icon-contrast-popover: #fff; --icon-contrast-popover: #fff;
--icon-success: #090;
--canvas-background: #666666; --canvas-background: #666666;
--canvas-content-background: #fff; --canvas-content-background: #fff;

5
apps/common/main/resources/less/colors-table.less
View file

@ -56,6 +56,7 @@
--icon-toolbar-header: #fff; --icon-toolbar-header: #fff;
--icon-notification-badge: #000; --icon-notification-badge: #000;
--icon-contrast-popover: #fff; --icon-contrast-popover: #fff;
--icon-success: #090;
--canvas-background: #e2e2e2; --canvas-background: #e2e2e2;
--canvas-content-background: #fff; --canvas-content-background: #fff;
@ -87,8 +88,6 @@
--image-border-types-filter: none; --image-border-types-filter: none;
--image-border-types-filter-selected: none; --image-border-types-filter-selected: none;
--component-normal-icon-filter: none; --component-normal-icon-filter: none;
--comment-resolved-icon-color: green;
} }
// Background // Background
@ -143,6 +142,7 @@
@icon-toolbar-header: var(--icon-toolbar-header); @icon-toolbar-header: var(--icon-toolbar-header);
@icon-contrast-popover: var(--icon-contrast-popover); @icon-contrast-popover: var(--icon-contrast-popover);
@icon-notification-badge: var(--icon-notification-badge); @icon-notification-badge: var(--icon-notification-badge);
@icon-success: var(--icon-success);
@button-small-normal-icon-offset-x: var(--button-small-normal-icon-offset-x,0); @button-small-normal-icon-offset-x: var(--button-small-normal-icon-offset-x,0);
@button-small-active-icon-offset-x: var(--button-small-active-icon-offset-x,0); @button-small-active-icon-offset-x: var(--button-small-active-icon-offset-x,0);
@ -155,6 +155,5 @@
@button-header-active-icon-offset-x: var(--button-header-active-icon-offset-x, -20px); @button-header-active-icon-offset-x: var(--button-header-active-icon-offset-x, -20px);
@component-normal-icon-filer: var(--component-normal-icon-filter); @component-normal-icon-filer: var(--component-normal-icon-filter);
@comment-resolved-icon-color: var(--comment-resolved-icon-color);
@menu-icon-item-checked-offset-x: var(--menu-icon-item-checked-offset-x, 0); @menu-icon-item-checked-offset-x: var(--menu-icon-item-checked-offset-x, 0);

6
apps/common/main/resources/less/comments.less
View file

@ -58,7 +58,7 @@
width: 100%; width: 100%;
resize: none; resize: none;
margin-bottom: 5px; margin-bottom: 5px;
border: 1px solid @border-toolbar; border: 1px solid @border-regular-control;
height: 100%; height: 100%;
&:focus { &:focus {
border-color: @border-preview-select; border-color: @border-preview-select;
@ -90,7 +90,7 @@
height: 50px; height: 50px;
resize: none; resize: none;
margin-bottom: 5px; margin-bottom: 5px;
border: 1px solid @border-toolbar; border: 1px solid @border-regular-control;
word-break: break-all; word-break: break-all;
line-height: 15px; line-height: 15px;
color: @text-normal; color: @text-normal;
@ -281,7 +281,7 @@
&.comment-resolved { &.comment-resolved {
&:after { &:after {
border-color: @comment-resolved-icon-color; border-color: @icon-success;
} }
} }
} }

8
apps/spreadsheeteditor/main/resources/less/statusbar.less
View file

@ -178,7 +178,7 @@
padding: 0 10px 0; padding: 0 10px 0;
line-height: 24px; line-height: 24px;
margin-right: -1px; margin-right: -1px;
background-color: @background-toolbar; background-color: @background-toolbar-additional;
outline: none; outline: none;
border-left: 1px solid @border-toolbar; border-left: 1px solid @border-toolbar;
border-right: 1px solid @border-toolbar; border-right: 1px solid @border-toolbar;
@ -207,9 +207,9 @@
&.selected { &.selected {
> span { > span {
border-bottom-color: @highlight-header-button-hover; border-bottom-color: @highlight-header-button-hover;
background-color: @highlight-header-button-hover; background-color: @background-normal;
box-shadow: 0px 4px 0 #49795d inset; box-shadow: 0px 4px 0 #49795d inset;
color: @text-normal-pressed; color: @text-normal;
} }
} }
@ -260,7 +260,7 @@
&:not(.active) { &:not(.active) {
> span { > span {
color: @border-preview-select; color: @text-secondary;
} }
} }