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

[DE] colors changed according to colors table

Browse source
This commit is contained in:
Maxim Kadushkin 2020-12-16 22:38:54 +03:00
parent c90d98a7ab
commit 72a9a84fb5
19 changed files with 57 additions and 59 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -1,4 +1,4 @@
@calendar-bg-color: @tabs-bg-color; @calendar-bg-color: @header-background-color;
.calendar-window { .calendar-window {
border-radius: 0; border-radius: 0;

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

@ -121,12 +121,12 @@
word-wrap: break-word; word-wrap: break-word;
width: 100%; width: 100%;
&.service { //&.service {
text-align: center; // text-align: center;
color: #CECECE; // color: #CECECE;
text-shadow: 0 1px 0 #fff; // text-shadow: 0 1px 0 #fff;
padding-right: 20px; // padding-right: 20px;
} //}
} }
} }
} }

10
apps/common/main/resources/less/colorpalette.less
View file

@ -26,7 +26,7 @@
padding: 10px; padding: 10px;
.palette-color-item { .palette-color-item {
padding: 0; padding: 0;
border: 1px solid #fff; border: 1px solid @background-normal;
display: inline-block; display: inline-block;
text-decoration: none; text-decoration: none;
-moz-outline: 0 none; -moz-outline: 0 none;
@ -43,21 +43,21 @@
width: 12px; width: 12px;
cursor: pointer; cursor: pointer;
display: block; display: block;
border: 1px solid rgba(0, 0, 0, 0.2); border: 1px solid @border-color-shading;
} }
} }
&:hover, &.selected { &:hover, &.selected {
border-color: #000; border-color: @icon-normal;
em span { em span {
border-color: #fff; border-color: @background-normal;
} }
} }
} }
.color-transparent { .color-transparent {
em span { em span {
border:solid 1px #C0C0C0; border:solid 1px @border-color-shading;
} }
} }
} }

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

@ -32,10 +32,10 @@
text-align: center; text-align: center;
label { label {
color: @black; color: @text-normal;
font: 12px arial; font: 12px arial;
line-height: normal; line-height: normal;
border-bottom: 1px dotted @black; border-bottom: 1px dotted @text-normal;
padding-top: 12px; padding-top: 12px;
outline: none; outline: none;
height: 29px; height: 29px;
@ -177,7 +177,7 @@
} }
.user-message { .user-message {
color: @black; color: @text-normal;
padding: 9px 0px 0 0px; padding: 9px 0px 0 0px;
white-space: pre-wrap; white-space: pre-wrap;
word-wrap: break-word; word-wrap: break-word;
@ -200,11 +200,11 @@
} }
.user-reply { .user-reply {
color: @black; color: @text-normal;
margin-top: 10px; margin-top: 10px;
white-space: pre-wrap; white-space: pre-wrap;
width: auto; width: auto;
border-bottom: 1px dotted @black; border-bottom: 1px dotted @text-normal;
height: 16px; height: 16px;
cursor: pointer; cursor: pointer;
} }
@ -402,7 +402,7 @@
left: 2px; left: 2px;
width: 15px; width: 15px;
height: 15px; height: 15px;
background-color: #ffffff; background-color: @background-normal;
-moz-transform: rotate(45deg); -moz-transform: rotate(45deg);
-ms-transform: rotate(45deg); -ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg); -webkit-transform: rotate(45deg);

2
apps/common/main/resources/less/extended-color-picker.less
View file

@ -37,7 +37,7 @@
width: 63px; width: 63px;
height: 20px; height: 20px;
background-color: transparent; background-color: transparent;
border: 1px solid rgb(190, 190, 190); border: 1px solid @border-regular-control;
&.top { &.top {
border-bottom: none; border-bottom: none;

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

@ -341,7 +341,7 @@
} }
#box-document-title { #box-document-title {
background-color: @tabs-bg-color; background-color: @header-background-color;
display: flex; display: flex;
height: 100%; height: 100%;
color: @text-toolbar-header; color: @text-toolbar-header;

12
apps/common/main/resources/less/hsb-colorpicker.less
View file

@ -8,7 +8,7 @@
width: 22px; width: 22px;
height: 22px; height: 22px;
float: left; float: left;
border: 1px solid #C4C4C4; border: 1px solid @border-regular-control;
background-image: none; background-image: none;
background-position: 0 -206px; background-position: 0 -206px;
background-repeat: no-repeat; background-repeat: no-repeat;
@ -22,7 +22,7 @@
} }
.color-text { .color-text {
color: #464646; color: @text-normal;
height: 22px; height: 22px;
padding: 4px 32px; padding: 4px 32px;
cursor: default; cursor: default;
@ -34,7 +34,7 @@
width: 195px; width: 195px;
height: 196px; height: 196px;
position: relative; position: relative;
border: 1px solid #C4C4C4; border: 1px solid @border-regular-control;
background-position: 0 0; background-position: 0 0;
} }
@ -49,7 +49,7 @@
width: 10px; width: 10px;
height: 100%; height: 100%;
position: relative; position: relative;
border: 1px solid #C4C4C4; border: 1px solid @border-regular-control;
background-position: -195px 0; background-position: -195px 0;
} }
@ -70,7 +70,7 @@
} }
.empty-color { .empty-color {
color: #464646; color: @text-normal;
height: 16px; height: 16px;
margin: 5px 0; margin: 5px 0;
@ -91,7 +91,7 @@
height: 10px; height: 10px;
margin-right: 5px; margin-right: 5px;
margin-top: 1px; margin-top: 1px;
border: 1px solid #C4C4C4; border: 1px solid @border-regular-control;
} }
} }
} }

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

@ -22,7 +22,7 @@
line-height: @loadmask-image-height; line-height: @loadmask-image-height;
border: none; border: none;
background-image: none; background-image: none;
background-color: fade(@black, 90%); background-color: rgba(0,0,0,.9);
color: @background-toolbar; color: @background-toolbar;
.border-radius(@border-radius-large); .border-radius(@border-radius-large);

2
apps/common/main/resources/less/multislider-gradient.less
View file

@ -80,7 +80,7 @@
// filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */ // filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
background-position: 0 0; background-position: 0 0;
outline: 1px solid rgba(162, 162, 162, 1); outline: 1px solid @border-control-focus;
border: 1px solid @border-regular-control; border: 1px solid @border-regular-control;
cursor: copy; cursor: copy;
} }

14
apps/common/main/resources/less/tabbar.less
View file

@ -8,9 +8,9 @@
&.active { &.active {
> span, > span:hover, > span:focus { > span, > span:hover, > span:focus {
background-color: #fff; background-color: @background-normal;
color: #000; color: @text-normal;
border-color: #fff; border-color: @background-normal;
cursor: pointer; cursor: pointer;
} }
} }
@ -21,8 +21,8 @@
> span { > span {
display: inline; display: inline;
background-color: #7a7a7a; background-color: @background-toolbar;
color: #fff; color: @text-secondary;
padding-top: 0; padding-top: 0;
padding-bottom: 0; padding-bottom: 0;
@ -36,8 +36,8 @@
} }
&:hover, &:focus { &:hover, &:focus {
background-color: #7a7a7a; background-color: @background-toolbar;
border-color: #7a7a7a; border-color: @background-toolbar;
cursor: pointer; cursor: pointer;
} }
} }

11
apps/common/main/resources/less/toolbar.less
View file

@ -2,7 +2,6 @@
@height-tabs: 32px; @height-tabs: 32px;
@height-controls: 67px; @height-controls: 67px;
//@tabs-bg-color: #fff;
.toolbar { .toolbar {
position: relative; position: relative;
@ -38,7 +37,7 @@
align-items: stretch; align-items: stretch;
.extra { .extra {
background-color: @tabs-bg-color; background-color: @header-background-color;
} }
//&::after { //&::after {
@ -54,7 +53,7 @@
.tabs { .tabs {
//flex-grow: 1; //flex-grow: 1;
background-color: @tabs-bg-color; background-color: @header-background-color;
position: relative; position: relative;
overflow: hidden; overflow: hidden;
display: flex; display: flex;
@ -125,7 +124,7 @@
} }
&.left{ &.left{
box-shadow: 5px 0 20px 5px @tabs-bg-color; box-shadow: 5px 0 20px 5px @header-background-color;
&:after { &:after {
transform: rotate(135deg); transform: rotate(135deg);
@ -133,7 +132,7 @@
} }
} }
&.right{ &.right{
box-shadow: -5px 0 20px 5px @tabs-bg-color; box-shadow: -5px 0 20px 5px @header-background-color;
&:after { &:after {
transform: rotate(-45deg); transform: rotate(-45deg);
@ -419,7 +418,7 @@
&.editor-native-color { &.editor-native-color {
.tabs li:after { .tabs li:after {
border-color: @tabs-bg-color; border-color: @header-background-color;
} }
} }
} }

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

@ -41,7 +41,7 @@
background-color: @background-normal; background-color: @background-normal;
color: @text-normal; color: @text-normal;
padding: 5px 12px; padding: 5px 12px;
border: 1px solid rgba(0, 0, 0, 0.15); border: 1px solid @border-regular-control;
.box-shadow(0 6px 12px rgba(0, 0, 0, 0.175)); .box-shadow(0 6px 12px rgba(0, 0, 0, 0.175));
background-clip: padding-box; background-clip: padding-box;

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

@ -26,7 +26,7 @@
//@secondary: #d8dadc; //rgb(216, 218, 220) //@secondary: #d8dadc; //rgb(216, 218, 220)
//@secondary-hover: #cbced1; //rgb(203, 206, 209) //@secondary-hover: #cbced1; //rgb(203, 206, 209)
@black: #000000; //@black: #000000;
// Brand colors // Brand colors
// ------------------------- // -------------------------

10
apps/documenteditor/main/resources/less/filemenu.less
View file

@ -27,7 +27,7 @@
background-color: @highlight-button-pressed; background-color: @highlight-button-pressed;
> a { > a {
color: #fff; color: @text-inverse;
} }
} }
@ -68,7 +68,7 @@
.panel-context { .panel-context {
width: 100%; width: 100%;
padding-left: 260px; padding-left: 260px;
background-color: #fff; background-color: @background-normal;
.content-box { .content-box {
height: 100%; height: 100%;
@ -173,7 +173,7 @@
h3 { h3 {
margin: 0; margin: 0;
font-size: 10pt; font-size: 10pt;
color: #665; color: @text-normal;
font-weight: bold; font-weight: bold;
padding: 0 0 10px 10px; padding: 0 0 10px 10px;
white-space: nowrap; white-space: nowrap;
@ -207,7 +207,7 @@
hr { hr {
margin: 0; margin: 0;
border-bottom: none; border-bottom: none;
border-color: #e1e1e1; border-color: @border-toolbar;
} }
.thumb-list { .thumb-list {
@ -268,7 +268,7 @@
} }
.file-info { .file-info {
color: #999; color: @text-secondary;
} }
} }
} }

8
apps/documenteditor/main/resources/less/footnote.less
View file

@ -20,7 +20,7 @@
&:after { &:after {
top: 8px; top: 8px;
left: 5px; left: 5px;
.box-shadow(0 0 8px -1px rgba(0, 0, 0, 0.2)); .box-shadow(0 0 8px -1px @border-color-shading);
} }
} }
} }
@ -45,7 +45,7 @@
.asc-footnotetip { .asc-footnotetip {
padding: 15px 8px 10px 15px; padding: 15px 8px 10px 15px;
border-radius: 5px; border-radius: 5px;
background-color: #fff; background-color: @background-normal;
overflow: visible; overflow: visible;
.box-shadow(0 4px 15px -2px rgba(0, 0, 0, 0.5)); .box-shadow(0 4px 15px -2px rgba(0, 0, 0, 0.5));
@ -57,7 +57,7 @@
position: absolute; position: absolute;
top: 5px; top: 5px;
left: 8px; left: 8px;
background-color: #fff; background-color: @background-normal;
width: 15px; width: 15px;
height: 15px; height: 15px;
@ -67,7 +67,7 @@
-o-transform: rotate(45deg); -o-transform: rotate(45deg);
transform: rotate(45deg); transform: rotate(45deg);
.box-shadow(0 4px 8px -1px rgba(0, 0, 0, 0.2)); .box-shadow(0 4px 8px -1px @border-color-shading);
} }
.asc-footnotetip .show-link { .asc-footnotetip .show-link {

2
apps/documenteditor/main/resources/less/layout.less
View file

@ -78,7 +78,7 @@ label {
} }
#editor-container { #editor-container {
background: #e2e2e2; //background: #e2e2e2;
} }
#editor_sdk { #editor_sdk {

2
apps/documenteditor/main/resources/less/statusbar.less
View file

@ -75,7 +75,7 @@
.cnt-lang { .cnt-lang {
display: inline-block; display: inline-block;
cursor: pointer; cursor: pointer;
color: #000; color: @text-normal;
margin-left: 6px; margin-left: 6px;
.caret.up { .caret.up {

8
apps/documenteditor/main/resources/less/toolbar.less
View file

@ -1,6 +1,4 @@
@tabs-bg-color: #446995;
.toolbar { .toolbar {
&.masked { &.masked {
button.disabled .icon:not(.no-mask) { button.disabled .icon:not(.no-mask) {
@ -175,8 +173,8 @@
#control-settings-system-color > a.selected, #control-settings-system-color > a.selected,
#control-settings-system-color > a:hover { #control-settings-system-color > a:hover {
span { span {
outline: 1px solid #000; outline: 1px solid @icon-normal;
border: 1px solid #fff; border: 1px solid @background-normal;
} }
} }
@ -194,7 +192,7 @@
} }
.save-style-link { .save-style-link {
border-bottom: 1px dotted #aaa; border-bottom: 1px dotted @text-secondary;
cursor: pointer; cursor: pointer;
margin-left: 22px; margin-left: 22px;
} }

1
apps/documenteditor/main/resources/less/variables.less
View file

@ -1,6 +1,7 @@
// //
// Variables // Variables
// -------------------------------------------------- // --------------------------------------------------
@header-background-color: @toolbar-header-document;
// Active color // Active color
// ------------------------- // -------------------------