[DE] colors changed according to colors table

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

@ -41,7 +41,7 @@
background-color: @background-normal;
color: @text-normal;
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));
background-clip: padding-box;

View file

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

View file

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

View file

@ -20,7 +20,7 @@
&:after {
top: 8px;
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 {
padding: 15px 8px 10px 15px;
border-radius: 5px;
background-color: #fff;
background-color: @background-normal;
overflow: visible;
.box-shadow(0 4px 15px -2px rgba(0, 0, 0, 0.5));
@ -57,7 +57,7 @@
position: absolute;
top: 5px;
left: 8px;
background-color: #fff;
background-color: @background-normal;
width: 15px;
height: 15px;
@ -67,7 +67,7 @@
-o-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 {

View file

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

View file

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

View file

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

View file

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