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

[stylesheets] changed less variables

Browse source
This commit is contained in:
Maxim Kadushkin 2020-12-19 22:43:19 +03:00
parent 590d794a4f
commit 3f7e982b79
60 changed files with 415 additions and 415 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -23,19 +23,19 @@
margin: 0 30px; margin: 0 30px;
font: 12px Tahoma; font: 12px Tahoma;
letter-spacing: 1px; letter-spacing: 1px;
color: var(--text-normal); color: @text-normal;
font-weight: bold; font-weight: bold;
white-space: nowrap; white-space: nowrap;
} }
.asc-about-version { .asc-about-version {
font: 15px Tahoma; font: 15px Tahoma;
color: var(--text-tertiary); color: @text-tertiary;
} }
.asc-about-companyname { .asc-about-companyname {
font: bold 15px Tahoma; font: bold 15px Tahoma;
color: var(--text-normal); color: @text-normal;
} }
label { label {
@ -43,11 +43,11 @@
&.asc-about-desc-name, &.asc-about-desc-name,
&.asc-about-lic { &.asc-about-lic {
font: 12px Tahoma; font: 12px Tahoma;
color: var(--text-normal); color: @text-normal;
} }
&.asc-about-desc-name { &.asc-about-desc-name {
color: var(--text-normal); color: @text-normal;
white-space: pre; white-space: pre;
} }
@ -59,7 +59,7 @@
a { a {
font: 12px Tahoma; font: 12px Tahoma;
color: var(--text-normal); color: @text-normal;
} }
.separator.horizontal { .separator.horizontal {

80
apps/common/main/resources/less/buttons.less
View file

@ -4,7 +4,7 @@
.btn { .btn {
border-radius: 1px; border-radius: 1px;
color: var(--text-normal); color: @text-normal;
.btnsize(@value) { .btnsize(@value) {
min-width: @value; min-width: @value;
@ -98,7 +98,7 @@
&::after { &::after {
content: ' '; content: ' ';
position: absolute; position: absolute;
border: 1px solid var(--icon-notification-badge); border: 1px solid @icon-notification-badge;
border-left: 0 none; border-left: 0 none;
border-right: 0 none; border-right: 0 none;
width: 6px; width: 6px;
@ -113,7 +113,7 @@
width: 10px; width: 10px;
height: 7px; height: 7px;
bottom: 2px; bottom: 2px;
background-color: var(--background-notification-badge); background-color: @background-notification-badge;
border-radius: 2px; border-radius: 2px;
right: 0; right: 0;
} }
@ -129,7 +129,7 @@
width: 8px; width: 8px;
height: 8px; height: 8px;
background-color: transparent; background-color: transparent;
border: solid 1px var(--text-normal); border: solid 1px @text-normal;
border-bottom: none; border-bottom: none;
border-right: none; border-right: none;
} }
@ -161,7 +161,7 @@
&.active:not(.disabled) { &.active:not(.disabled) {
.caret-up, .caret-down { .caret-up, .caret-down {
&::after { &::after {
border-color: var(--background-normal); border-color: @background-normal;
} }
} }
} }
@ -290,7 +290,7 @@
.btn.small; .btn.small;
&.bg-white { &.bg-white {
background-color: var(--background-normal); background-color: @background-normal;
} }
&:before, &:before,
@ -301,14 +301,14 @@
&:hover:not(.disabled), &:hover:not(.disabled),
.over:not(.disabled) { .over:not(.disabled) {
background-color: var(--highlight-button-hover); background-color: @highlight-button-hover;
} }
&:active:not(.disabled), &:active:not(.disabled),
&.active:not(.disabled) { &.active:not(.disabled) {
color: var(--text-normal); color: @text-normal;
background-color: var(--highlight-button-pressed); background-color: @highlight-button-pressed;
} }
&:not(.icon-top) &:not(.icon-top)
@ -381,12 +381,12 @@
&:hover:not(.disabled), &:hover:not(.disabled),
.over:not(.disabled) { .over:not(.disabled) {
background-color: var(--highlight-button-hover); background-color: @highlight-button-hover;
} }
&:active:not(.disabled), &:active:not(.disabled),
&.active:not(.disabled) { &.active:not(.disabled) {
background-color: var(--highlight-button-pressed); background-color: @highlight-button-pressed;
//color: #fff; btn-category has no text //color: #fff; btn-category has no text
} }
@ -436,7 +436,7 @@
&.open { &.open {
> .btn-toolbar { > .btn-toolbar {
//color: var(--text-normal); //color: @text-normal;
// Show no shadow for `.btn-link` since it has no other button styles. // Show no shadow for `.btn-link` since it has no other button styles.
&.btn-link { &.btn-link {
@ -451,7 +451,7 @@
&.over { &.over {
> button { > button {
//background-color: var(--highlight-button-hover); //background-color: @highlight-button-hover;
} }
} }
@ -498,7 +498,7 @@
&.over:not(.disabled), &.over:not(.disabled),
&.open { &.open {
box-shadow: inset 0 0 0 1px var(--highlight-button-hover); box-shadow: inset 0 0 0 1px @highlight-button-hover;
button:not(.active):not(.btn-text-split-default) { button:not(.active):not(.btn-text-split-default) {
background-color: transparent; background-color: transparent;
@ -509,13 +509,13 @@
button { button {
&:not(.active) { &:not(.active) {
&:hover { &:hover {
background-color: var(--highlight-button-hover); background-color: @highlight-button-hover;
} }
} }
&:active, &:active,
&:active:hover { &:active:hover {
background-color: var(--highlight-button-pressed); background-color: @highlight-button-pressed;
} }
} }
} }
@ -523,7 +523,7 @@
&.open { &.open {
> button:not(.active) { > button:not(.active) {
&:last-of-type { &:last-of-type {
background-color: var(--highlight-button-pressed); background-color: @highlight-button-pressed;
} }
} }
@ -533,7 +533,7 @@
} }
button.active:not(.disabled) { button.active:not(.disabled) {
background-color: var(--highlight-button-pressed); background-color: @highlight-button-pressed;
} }
.btn + .btn { .btn + .btn {
@ -568,7 +568,7 @@
.over, .over,
&:active, &:active,
&.active { &.active {
background: var(--background-normal) !important; background: @background-normal !important;
.box-shadow(none) !important; .box-shadow(none) !important;
} }
@ -602,7 +602,7 @@
background-color: transparent; background-color: transparent;
&.bg-white { &.bg-white {
background-color: var(--background-normal); background-color: @background-normal;
} }
.icon { .icon {
@ -616,17 +616,17 @@
background-repeat: no-repeat; background-repeat: no-repeat;
} }
box-shadow: inset 0 0 0 1px var(--border-regular-control); box-shadow: inset 0 0 0 1px @border-regular-control;
.border-radius(@border-radius-small); .border-radius(@border-radius-small);
&:hover, &:hover,
&.over { &.over {
background-color: var(--highlight-button-hover); background-color: @highlight-button-hover;
} }
&:active, &:active,
&.active { &.active {
background-color: var(--highlight-button-pressed); background-color: @highlight-button-pressed;
} }
} }
@ -645,13 +645,13 @@
&:hover:not(.disabled), &:hover:not(.disabled),
.over:not(.disabled) { .over:not(.disabled) {
background-color: var(--highlight-button-hover) !important; background-color: @highlight-button-hover !important;
} }
&:active:not(.disabled), &:active:not(.disabled),
&.active:not(.disabled) { &.active:not(.disabled) {
background-color: var(--highlight-button-pressed) !important; background-color: @highlight-button-pressed !important;
border-color: var(--highlight-button-pressed); border-color: @highlight-button-pressed;
color: white; color: white;
} }
@ -680,12 +680,12 @@
&:hover:not(.disabled), &:hover:not(.disabled),
.over:not(.disabled) { .over:not(.disabled) {
background-color: var(--highlight-button-hover) !important; background-color: @highlight-button-hover !important;
} }
&:active:not(.disabled), &:active:not(.disabled),
&.active:not(.disabled) { &.active:not(.disabled) {
background-color: var(--highlight-button-pressed) !important; background-color: @highlight-button-pressed !important;
color: white; color: white;
} }
@ -712,13 +712,13 @@
&:hover:not(.disabled), &:hover:not(.disabled),
.over:not(.disabled) { .over:not(.disabled) {
background-color: var(--highlight-button-hover) !important; background-color: @highlight-button-hover !important;
} }
&:active:not(.disabled), &:active:not(.disabled),
&.active:not(.disabled) { &.active:not(.disabled) {
background-color: var(--highlight-button-pressed) !important; background-color: @highlight-button-pressed !important;
border-color: var(--highlight-button-pressed); border-color: @highlight-button-pressed;
color: white; color: white;
} }
@ -750,12 +750,12 @@
&:hover:not(.disabled), &:hover:not(.disabled),
.over:not(.disabled) { .over:not(.disabled) {
background-color: var(--highlight-button-hover) !important; background-color: @highlight-button-hover !important;
} }
&:active:not(.disabled), &:active:not(.disabled),
&.active:not(.disabled) { &.active:not(.disabled) {
background-color: var(--highlight-button-pressed) !important; background-color: @highlight-button-pressed !important;
} }
&[disabled], &[disabled],
@ -833,22 +833,22 @@
.dlg-btn { .dlg-btn {
font-weight: bold; font-weight: bold;
width: 86px; width: 86px;
color: var(--text-normal); color: @text-normal;
background-color: var(--background-normal); background-color: @background-normal;
border: 1px solid var(--border-regular-control); border: 1px solid @border-regular-control;
&:hover:not(.disabled), &:hover:not(.disabled),
&.hover:not(.disabled) { &.hover:not(.disabled) {
background-color: var(--highlight-button-hover); background-color: @highlight-button-hover;
} }
&.primary { &.primary {
color: var(--text-inverse); color: @text-inverse;
background-color: var(--background-primary-dialog-button); background-color: @background-primary-dialog-button;
&:hover:not(.disabled), &:hover:not(.disabled),
&.hover:not(.disabled) { &.hover:not(.disabled) {
background-color: var(--highlight-primary-dialog-button-hover); background-color: @highlight-primary-dialog-button-hover;
} }
} }

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

@ -11,7 +11,7 @@
.area { .area {
position: absolute; position: absolute;
border-bottom: 1px solid var(--border-toolbar); border-bottom: 1px solid @border-toolbar;
overflow: hidden; overflow: hidden;
} }
@ -57,7 +57,7 @@
margin: 0 5px 3px 0; margin: 0 5px 3px 0;
width: 12px; width: 12px;
height: 12px; height: 12px;
border: 1px solid var(--border-toolbar); border: 1px solid @border-toolbar;
} }
.name { .name {
@ -101,7 +101,7 @@
} }
.user-name { .user-name {
color: var(--text-normal); color: @text-normal;
font-size: 12px; font-size: 12px;
font-weight: bold; font-weight: bold;
overflow: hidden; overflow: hidden;
@ -112,7 +112,7 @@
.color { .color {
width: 12px; width: 12px;
height: 12px; height: 12px;
border: 1px solid var(--border-toolbar); border: 1px solid @border-toolbar;
margin: 0 5px 3px 0; margin: 0 5px 3px 0;
vertical-align: middle; vertical-align: middle;
} }
@ -143,11 +143,11 @@
height: 100%; height: 100%;
resize: none; resize: none;
margin-bottom: 5px; margin-bottom: 5px;
border: 1px solid var(--border-toolbar); border: 1px solid @border-toolbar;
font-size: 12px; font-size: 12px;
&:focus { &:focus {
border-color: var(--border-preview-select); border-color: @border-preview-select;
} }
} }
} }

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

@ -12,8 +12,8 @@
+ label { + label {
width: 14px; width: 14px;
height: 14px; height: 14px;
background: var(--background-normal); background: @background-normal;
border: 1px solid var(--border-regular-control); border: 1px solid @border-regular-control;
border-radius: 2px; border-radius: 2px;
position: absolute; position: absolute;
left: 0; left: 0;
@ -25,7 +25,7 @@
&::before { &::before {
content: ''; content: '';
position: absolute; position: absolute;
border: solid var(--text-normal); border: solid @text-normal;
border-width: 0 2px 2px 0; border-width: 0 2px 2px 0;
transform: rotate(45deg); transform: rotate(45deg);
width: 5px; width: 5px;
@ -40,8 +40,8 @@
&::before { &::before {
content: ''; content: '';
position: absolute; position: absolute;
border: 1px solid var(--text-normal); border: 1px solid @text-normal;
background: var(--icon-normal); background: @icon-normal;
width: 8px; width: 8px;
height: 8px; height: 8px;
left: 2px; left: 2px;

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

@ -7,7 +7,7 @@
&:hover, &:hover,
&.selected { &.selected {
.box-shadow(0 0 0 1px var(--highlight-button-pressed)); .box-shadow(0 0 0 1px @highlight-button-pressed);
} }
} }
} }
@ -26,7 +26,7 @@
padding: 10px; padding: 10px;
.palette-color-item { .palette-color-item {
padding: 0; padding: 0;
border: 1px solid var(--background-normal); 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 var(--border-color-shading); border: 1px solid @border-color-shading;
} }
} }
&:hover, &.selected { &:hover, &.selected {
border-color: var(--icon-normal); border-color: @icon-normal;
em span { em span {
border-color: var(--background-normal); border-color: @background-normal;
} }
} }
} }
.color-transparent { .color-transparent {
em span { em span {
border:solid 1px var(--border-color-shading); border:solid 1px @border-color-shading;
} }
} }
} }

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

@ -117,7 +117,7 @@
// Icon // Icon
// ------------------------- // -------------------------
@icon-normal: var(--icon-norma); @icon-normal: var(--icon-normal);
@icon-inverse: var(--icon-inverse); @icon-inverse: var(--icon-inverse);
@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);

2
apps/common/main/resources/less/combo-border-size.less
View file

@ -23,7 +23,7 @@
} }
img, .image { img, .image {
background: ~"url(@{common-image-const-path}/combo-border-size/BorderSize.png) no-repeat 0 0 var(--background-normal)"; background: ~"url(@{common-image-const-path}/combo-border-size/BorderSize.png) no-repeat 0 0 @{background-normal}";
@media only screen { @media only screen {
//@media (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio: 1.9), //@media (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio: 1.9),

16
apps/common/main/resources/less/combo-dataview.less
View file

@ -43,7 +43,7 @@
} }
.dropdown-menu { .dropdown-menu {
border-color: var(--border-regular-control); border-color: @border-regular-control;
border-top-right-radius: 0; border-top-right-radius: 0;
border-top-left-radius: 2px; border-top-left-radius: 2px;
margin: 0; margin: 0;
@ -84,17 +84,17 @@
.item { .item {
padding: 3px; padding: 3px;
border: 1px solid var(--border-regular-control); border: 1px solid @border-regular-control;
.box-shadow(none); .box-shadow(none);
margin: 0 -1px -1px 0; margin: 0 -1px -1px 0;
&:hover { &:hover {
.box-inner-shadow(0 0 0 2px var(--border-regular-control)); .box-inner-shadow(0 0 0 2px @border-regular-control);
} }
&.selected { &.selected {
.box-inner-shadow(0 0 0 2px var(--border-preview-select)); .box-inner-shadow(0 0 0 2px @border-preview-select);
} }
} }
@ -188,7 +188,7 @@
&.disabled { &.disabled {
.item { .item {
&:hover:not(.selected) { &:hover:not(.selected) {
.box-shadow(0 0 0 1px var(--border-regular-control)); .box-shadow(0 0 0 1px @border-regular-control);
} }
} }
} }
@ -238,7 +238,7 @@
.item { .item {
&:hover { &:hover {
.box-shadow(0 0 0 1px var(--border-regular-control)); .box-shadow(0 0 0 1px @border-regular-control);
} }
} }
@ -265,13 +265,13 @@
.item { .item {
margin-left: 4px; margin-left: 4px;
.box-shadow(0 0 0 1px var(--border-regular-control)); .box-shadow(0 0 0 1px @border-regular-control);
} }
&.disabled { &.disabled {
.item { .item {
&:hover:not(.selected) { &:hover:not(.selected) {
.box-shadow(0 0 0 1px var(--border-regular-control)); .box-shadow(0 0 0 1px @border-regular-control);
} }
} }
} }

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

@ -69,14 +69,14 @@
&.input-group-nr.open:not(.no-highlighted) { &.input-group-nr.open:not(.no-highlighted) {
& > .form-control, & > .form-control,
& > .btn { & > .btn {
border-color: var(--border-preview-select); border-color: @border-preview-select;
} }
} }
&.input-group-nr:not(.no-highlighted) > .form-control { &.input-group-nr:not(.no-highlighted) > .form-control {
&:focus, &:focus,
&:focus ~ button.dropdown-toggle { &:focus ~ button.dropdown-toggle {
border-color: var(--border-preview-select); border-color: @border-preview-select;
} }
} }
@ -86,7 +86,7 @@
} }
&.selected { &.selected {
background-color: var(--highlight-button-pressed); background-color: @highlight-button-pressed;
a { a {
color: @dropdown-link-active-color; color: @dropdown-link-active-color;
@ -95,7 +95,7 @@
&.hover, &.hover,
&:focus, &:focus,
&.focus { &.focus {
background-color: var(--highlight-button-pressed); background-color: @highlight-button-pressed;
} }
} }
} }
@ -136,7 +136,7 @@
&.input-group-nr:not(.no-highlighted) { &.input-group-nr:not(.no-highlighted) {
& > .form-control, & > .form-control,
& > .btn { & > .btn {
border-color: var(--border-preview-select); border-color: @border-preview-select;
} }
} }
} }

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

@ -14,7 +14,7 @@
right: 0; right: 0;
bottom: 45px; bottom: 45px;
height: 300px; height: 300px;
border-bottom: 1px solid var(--border-toolbar); border-bottom: 1px solid @border-toolbar;
&.stretch { &.stretch {
border-bottom: none; border-bottom: none;
@ -32,10 +32,10 @@
text-align: center; text-align: center;
label { label {
color: var(--text-normal); color: @text-normal;
font: 12px arial; font: 12px arial;
line-height: normal; line-height: normal;
border-bottom: 1px dotted var(--text-normal); border-bottom: 1px dotted @text-normal;
padding-top: 12px; padding-top: 12px;
outline: none; outline: none;
height: 29px; height: 29px;
@ -58,10 +58,10 @@
width: 100%; width: 100%;
resize: none; resize: none;
margin-bottom: 5px; margin-bottom: 5px;
border: 1px solid var(--border-toolbar); border: 1px solid @border-toolbar;
height: 100%; height: 100%;
&:focus { &:focus {
border-color: var(--border-preview-select); border-color: @border-preview-select;
} }
} }
} }
@ -83,19 +83,19 @@
line-height: normal; line-height: normal;
position: relative; position: relative;
overflow: hidden; overflow: hidden;
color: var(--border-preview-select); color: @border-preview-select;
textarea { textarea {
width: 100%; width: 100%;
height: 50px; height: 50px;
resize: none; resize: none;
margin-bottom: 5px; margin-bottom: 5px;
border: 1px solid var(--border-toolbar); border: 1px solid @border-toolbar;
word-break: break-all; word-break: break-all;
line-height: 15px; line-height: 15px;
color: var(--text-normal); color: @text-normal;
&:focus { &:focus {
border-color: var(--border-preview-select); border-color: @border-preview-select;
} }
} }
@ -109,7 +109,7 @@
} }
.separator-cmt { .separator-cmt {
border-bottom: 1px solid var(--border-toolbar); border-bottom: 1px solid @border-toolbar;
margin: 20px 0px 0px 0px; margin: 20px 0px 0px 0px;
} }
@ -119,7 +119,7 @@
} }
.user-name { .user-name {
color: var(--text-normal); color: @text-normal;
font-size: 12px; font-size: 12px;
font-weight: bold; font-weight: bold;
overflow: hidden; overflow: hidden;
@ -133,7 +133,7 @@
.color { .color {
width: 12px; width: 12px;
height: 12px; height: 12px;
border: 1px solid var(--border-toolbar); border: 1px solid @border-toolbar;
margin: 0 5px 3px 0; margin: 0 5px 3px 0;
vertical-align: middle; vertical-align: middle;
} }
@ -177,7 +177,7 @@
} }
.user-message { .user-message {
color: var(--text-normal); 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: var(--text-normal); 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 var(--text-normal); border-bottom: 1px dotted @text-normal;
height: 16px; height: 16px;
cursor: pointer; cursor: pointer;
} }
@ -402,12 +402,12 @@
left: 2px; left: 2px;
width: 15px; width: 15px;
height: 15px; height: 15px;
background-color: var(--background-normal); 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);
-o-transform: rotate(45deg); -o-transform: rotate(45deg);
transform: rotate(45deg); transform: rotate(45deg);
border: solid 1px var(--border-toolbar); border: solid 1px @border-toolbar;
} }
} }

4
apps/common/main/resources/less/common.less
View file

@ -1,6 +1,6 @@
label { label {
&.link { &.link {
border-bottom: 1px dotted var(--text-secondary); border-bottom: 1px dotted @text-secondary;
cursor: pointer; cursor: pointer;
&.disabled { &.disabled {
@ -9,7 +9,7 @@ label {
} }
&.link-solid { &.link-solid {
border-bottom: 1px solid var(--text-secondary); border-bottom: 1px solid @text-secondary;
cursor: pointer; cursor: pointer;
&.disabled { &.disabled {

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

@ -9,7 +9,7 @@
text-align: center; text-align: center;
height: 100%; height: 100%;
width: 100%; width: 100%;
color: var(--text-tertiary); color: @text-tertiary;
td { td {
padding: 5px; padding: 5px;
} }
@ -22,11 +22,11 @@
margin: 4px; margin: 4px;
cursor: pointer; cursor: pointer;
.box-shadow(0 0 0 1px var(--border-regular-control)); .box-shadow(0 0 0 1px @border-regular-control);
&:hover, &:hover,
&.selected { &.selected {
.box-shadow(0 0 0 2px var(--highlight-button-pressed)); .box-shadow(0 0 0 2px @highlight-button-pressed);
} }
} }
@ -58,11 +58,11 @@
opacity: 0.5; opacity: 0.5;
} }
.box-shadow(0 0 0 1px var(--border-regular-control)); .box-shadow(0 0 0 1px @border-regular-control);
&:hover:not(.disabled), &:hover:not(.disabled),
&.selected:not(.disabled) { &.selected:not(.disabled) {
.box-shadow(0 0 0 2px var(--highlight-button-pressed)); .box-shadow(0 0 0 2px @highlight-button-pressed);
} }
} }
} }

2
apps/common/main/resources/less/dropdown-menu.less
View file

@ -84,7 +84,7 @@
.no-checkmark.checked { .no-checkmark.checked {
.menu-item-icon { .menu-item-icon {
background-color: var(--highlight-button-pressed); background-color: @highlight-button-pressed;
border-radius: 2px; border-radius: 2px;
} }
} }

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 var(--border-regular-control); border: 1px solid @border-regular-control;
&.top { &.top {
border-bottom: none; border-bottom: none;

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

@ -29,7 +29,7 @@
.toolbar { .toolbar {
.extra { .extra {
svg.icon { svg.icon {
fill: var(--icon-toolbar-header); fill: @icon-toolbar-header;
} }
.btn-slot { .btn-slot {
@ -57,12 +57,12 @@
} }
label { label {
color: var(--text-toolbar-header); color: @text-toolbar-header;
} }
.dropdown-menu { .dropdown-menu {
label { label {
color: var(--text-normal); color: @text-normal;
} }
} }
@ -98,7 +98,7 @@
min-width: 50px; min-width: 50px;
text-align: center; text-align: center;
color: var(--text-toolbar-header); color: @text-toolbar-header;
background-color: transparent; background-color: transparent;
border: 0 none; border: 0 none;
cursor: default; cursor: default;
@ -121,7 +121,7 @@
white-space: nowrap; white-space: nowrap;
&.locked { &.locked {
text-decoration: none; text-decoration: none;
color: var(--border-preview-select); color: @border-preview-select;
cursor: default; cursor: default;
} }
@ -227,7 +227,7 @@
} }
label { label {
color: var(--text-normal); color: @text-normal;
} }
.cousers-list { .cousers-list {
@ -256,12 +256,12 @@
height: 12px; height: 12px;
display: inline-block; display: inline-block;
vertical-align: middle; vertical-align: middle;
border: 1px solid var(--border-toolbar); border: 1px solid @border-toolbar;
margin: 0 5px 1px 0; margin: 0 5px 1px 0;
} }
.user-name { .user-name {
color: var(--text-normal); color: @text-normal;
font-size: 12px; font-size: 12px;
font-weight: bold; font-weight: bold;
white-space: nowrap; white-space: nowrap;
@ -344,7 +344,7 @@
background-color: @header-background-color; background-color: @header-background-color;
display: flex; display: flex;
height: 100%; height: 100%;
color: var(--text-toolbar-header); color: @text-toolbar-header;
position: relative; position: relative;
.btn-slot { .btn-slot {
@ -352,7 +352,7 @@
} }
svg.icon { svg.icon {
fill: var(--icon-toolbar-header); fill: @icon-toolbar-header;
&.icon-save { &.icon-save {
&.btn-save-coauth, &.btn-synch { &.btn-save-coauth, &.btn-synch {

30
apps/common/main/resources/less/history.less
View file

@ -1,6 +1,6 @@
#history-box { #history-box {
position: relative; position: relative;
border-right: 1px solid var(--border-toolbar); border-right: 1px solid @border-toolbar;
} }
#history-header { #history-header {
@ -10,7 +10,7 @@
top: 0; top: 0;
right: 0; right: 0;
overflow: hidden; overflow: hidden;
border-bottom: 1px solid var(--border-toolbar); border-bottom: 1px solid @border-toolbar;
#history-btn-back { #history-btn-back {
height: 27px; height: 27px;
@ -21,7 +21,7 @@
cursor: pointer; cursor: pointer;
&:hover { &:hover {
background-color: var(--highlight-button-hover); background-color: @highlight-button-hover;
} }
} }
} }
@ -33,7 +33,7 @@
bottom: 0; bottom: 0;
right: 0; right: 0;
overflow: hidden; overflow: hidden;
border-top: 1px solid var(--border-toolbar); border-top: 1px solid @border-toolbar;
#history-btn-expand { #history-btn-expand {
height: 27px; height: 27px;
@ -44,7 +44,7 @@
cursor: pointer; cursor: pointer;
&:hover { &:hover {
background-color: var(--highlight-button-hover); background-color: @highlight-button-hover;
} }
} }
} }
@ -64,15 +64,15 @@
&:hover:not(.selected), &:hover:not(.selected),
&.over { &.over {
background-color: var(--highlight-button-hover); background-color: @highlight-button-hover;
} }
&.selected { &.selected {
background-color: var(--highlight-button-pressed); background-color: @highlight-button-pressed;
.user-name, .user-name,
.user-date { .user-date {
color: var(--text-inverse); color: @text-inverse;
} }
.revision-expand { .revision-expand {
@ -83,7 +83,7 @@
.history-item-wrap { .history-item-wrap {
padding: 10px 2px 15px 20px; padding: 10px 2px 15px 20px;
color: var(--text-normal); color: @text-normal;
text-overflow: ellipsis; text-overflow: ellipsis;
.user-date { .user-date {
@ -99,12 +99,12 @@
display: inline-block; display: inline-block;
max-width: 60px; max-width: 60px;
height: 18px; height: 18px;
color: var(--highlight-button-pressed); color: @highlight-button-pressed;
font-size: 10px; font-size: 10px;
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
color: var(--text-tertiary); color: @text-tertiary;
background-color: var(--background-normal); background-color: @background-normal;
text-align: center; text-align: center;
padding: 1px 5px; padding: 1px 5px;
border-radius: 2px; border-radius: 2px;
@ -124,7 +124,7 @@
.color { .color {
width: 12px; width: 12px;
height: 12px; height: 12px;
border: 1px solid var(--border-toolbar); border: 1px solid @border-toolbar;
margin: 0 5px 3px 0; margin: 0 5px 3px 0;
vertical-align: middle; vertical-align: middle;
} }
@ -144,8 +144,8 @@
} }
.revision-restore { .revision-restore {
color: var(--text-normal); color: @text-normal;
border-bottom: 1px dotted var(--text-normal); border-bottom: 1px dotted @text-normal;
height: 16px; height: 16px;
margin-top: 5px; margin-top: 5px;
white-space: pre-wrap; white-space: pre-wrap;

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 var(--border-regular-control); 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: var(--text-normal); 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 var(--border-regular-control); 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 var(--border-regular-control); border: 1px solid @border-regular-control;
background-position: -195px 0; background-position: -195px 0;
} }
@ -70,7 +70,7 @@
} }
.empty-color { .empty-color {
color: var(--text-normal); 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 var(--border-regular-control); border: 1px solid @border-regular-control;
} }
} }
} }

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

@ -1,7 +1,7 @@
.form-control { .form-control {
.border-radius(@border-radius-small); .border-radius(@border-radius-small);
.box-shadow(none); .box-shadow(none);
color: var(--text-normal); color: @text-normal;
.user-select(text); .user-select(text);
border: 1px solid @border-regular-control; border: 1px solid @border-regular-control;
@ -52,7 +52,7 @@
&.form-control:focus, &.form-control:focus,
.form-control:focus { .form-control:focus {
border-color: var(--border-preview-select); border-color: @border-preview-select;
} }
&.error { &.error {
@ -90,12 +90,12 @@ input[type="password"] {
} }
input[type="text"]::selection, textarea::selection { input[type="text"]::selection, textarea::selection {
background: var(--highlight-text-select); background: @highlight-text-select;
color: var(--text-inverse); color: @text-inverse;
} }
textarea.form-control:focus { textarea.form-control:focus {
border-color: var(--border-preview-select); border-color: @border-preview-select;
} }
.input-field-btn { .input-field-btn {

2
apps/common/main/resources/less/language-dialog.less
View file

@ -23,7 +23,7 @@ li {
&:before { &:before {
display: none; display: none;
} }
background-color: var(--highlight-button-pressed); background-color: @highlight-button-pressed;
&, &:hover, &:focus { &, &:hover, &:focus {
color: @dropdown-link-active-color; color: @dropdown-link-active-color;

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

@ -17,7 +17,7 @@
.layout-resizer { .layout-resizer {
z-index: @zindex-dropdown - 10; z-index: @zindex-dropdown - 10;
background: var(--background-toolbar); background: @background-toolbar;
border: 0 none; border: 0 none;
&.move { &.move {
@ -36,8 +36,8 @@
cursor: row-resize; cursor: row-resize;
&.move { &.move {
border-top: solid 1px var(--border-toolbar); border-top: solid 1px @border-toolbar;
border-bottom: solid 1px var(--border-toolbar); border-bottom: solid 1px @border-toolbar;
} }
} }
} }
@ -53,8 +53,8 @@
cursor: col-resize; cursor: col-resize;
&.move { &.move {
border-left: solid 1px var(--border-toolbar); border-left: solid 1px @border-toolbar;
border-right: solid 1px var(--border-toolbar); border-right: solid 1px @border-toolbar;
} }
} }
} }

20
apps/common/main/resources/less/listview.less
View file

@ -1,5 +1,5 @@
.listview { .listview {
border: 1px solid var(--border-regular-control); border: 1px solid @border-regular-control;
.border-radius(@border-radius-small); .border-radius(@border-radius-small);
line-height: 15px; line-height: 15px;
@ -14,7 +14,7 @@
text-align: center; text-align: center;
width: 100%; width: 100%;
height: 100%; height: 100%;
color: var(--text-tertiary); color: @text-tertiary;
td { td {
padding: 5px; padding: 5px;
} }
@ -22,7 +22,7 @@
} }
&:not(.no-focus):focus { &:not(.no-focus):focus {
border-color: var(--border-preview-select); border-color: @border-preview-select;
} }
& > .item { & > .item {
@ -32,8 +32,8 @@
cursor: pointer; cursor: pointer;
white-space: pre-wrap; white-space: pre-wrap;
background-color: var(--background-normal); background-color: @background-normal;
border-color: var(--border-regular-control); border-color: @border-regular-control;
border-style: solid; border-style: solid;
border-width: 1px 0; border-width: 1px 0;
border-top-color: transparent; border-top-color: transparent;
@ -41,16 +41,16 @@
&:not(.disabled) > .item { &:not(.disabled) > .item {
&:hover { &:hover {
background-color: var(--highlight-button-hover); background-color: @highlight-button-hover;
border-color: var(--highlight-button-hover); border-color: @highlight-button-hover;
border-style: solid; border-style: solid;
border-width: 1px 0; border-width: 1px 0;
} }
&.selected { &.selected {
background-color: var(--highlight-button-pressed); background-color: @highlight-button-pressed;
color: var(--text-inverse); color: @text-inverse;
border-color: var(--highlight-button-pressed); border-color: @highlight-button-pressed;
border-style: solid; border-style: solid;
border-width: 1px 0; border-width: 1px 0;
} }

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

@ -23,7 +23,7 @@
border: none; border: none;
background-image: none; background-image: none;
background-color: rgba(0,0,0,.9); background-color: rgba(0,0,0,.9);
color: var(--background-toolbar); color: @background-toolbar;
.border-radius(@border-radius-large); .border-radius(@border-radius-large);
left: 50%; left: 50%;
@ -52,7 +52,7 @@
.left-panel & { .left-panel & {
line-height: @loadmask-small-image-height; line-height: @loadmask-small-image-height;
background-color: transparent; background-color: transparent;
color: var(--text-normal); color: @text-normal;
padding: 8px; padding: 8px;
top: 78px; top: 78px;
transform: translate(-50%, 0); transform: translate(-50%, 0);

4
apps/common/main/resources/less/masked-field.less
View file

@ -1,10 +1,10 @@
.masked-field { .masked-field {
text-align: right; text-align: right;
border: 1px solid var(--border-regular-control); border: 1px solid @border-regular-control;
border-radius: 2px; border-radius: 2px;
padding: 0 3px; padding: 0 3px;
&:focus { &:focus {
border-color: var(--border-preview-select); border-color: @border-preview-select;
} }
} }

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

@ -12,19 +12,19 @@
left: 2px; left: 2px;
width: 9px; width: 9px;
height: 9px; height: 9px;
background-color: var(--background-normal); 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);
-o-transform: rotate(45deg); -o-transform: rotate(45deg);
transform: rotate(45deg); transform: rotate(45deg);
border-top: solid 1px var(--border-regular-control); border-top: solid 1px @border-regular-control;
border-left: solid 1px var(--border-regular-control); border-left: solid 1px @border-regular-control;
border-radius: 0 3px; border-radius: 0 3px;
box-sizing: content-box; box-sizing: content-box;
.thumb-top-inner { .thumb-top-inner {
border-top: solid 1px var(--background-normal); border-top: solid 1px @background-normal;
border-left: solid 1px var(--background-normal); border-left: solid 1px @background-normal;
height: 100%; height: 100%;
} }
} }
@ -35,13 +35,13 @@
left: 1px; left: 1px;
width: 10px; width: 10px;
height: 9px; height: 9px;
background-color: var(--background-normal); background-color: @background-normal;
border: solid 1px var(--border-regular-control); border: solid 1px @border-regular-control;
border-top: none; border-top: none;
border-radius: 2px; border-radius: 2px;
box-sizing: content-box; box-sizing: content-box;
.thumb-bottom-inner { .thumb-bottom-inner {
border: solid 1px var(--border-regular-control); border: solid 1px @border-regular-control;
border-top: none; border-top: none;
height: 100%; height: 100%;
} }
@ -49,11 +49,11 @@
&.active { &.active {
.thumb-top { .thumb-top {
border-top: solid 1px var(--border-control-focus); border-top: solid 1px @border-control-focus;
border-left: solid 1px var(--border-control-focus); border-left: solid 1px @border-control-focus;
} }
.thumb-bottom { .thumb-bottom {
border: solid 1px var(--border-control-focus); border: solid 1px @border-control-focus;
border-top: none; border-top: none;
} }
} }
@ -80,8 +80,8 @@
// 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 var(--border-control-focus); outline: 1px solid @border-control-focus;
border: 1px solid var(--border-regular-control); border: 1px solid @border-regular-control;
cursor: copy; cursor: copy;
} }
} }

4
apps/common/main/resources/less/opendialog.less
View file

@ -43,7 +43,7 @@
height: 110px !important; height: 110px !important;
position:relative; position:relative;
overflow:hidden; overflow:hidden;
border: var(--border-regular-control) solid 1px; border: @border-regular-control solid 1px;
} }
#id-preview-data { #id-preview-data {
@ -59,7 +59,7 @@
td { td {
padding: 1px 8px 1px 0; padding: 1px 8px 1px 0;
border-right: var(--border-regular-control) solid 1px; border-right: @border-regular-control solid 1px;
min-width: 30px; min-width: 30px;
height: 17px; height: 17px;
white-space: nowrap; white-space: nowrap;

8
apps/common/main/resources/less/plugins.less
View file

@ -26,11 +26,11 @@
&:hover, &:hover,
&.over { &.over {
background-color: var(--highlight-button-hover); background-color: @highlight-button-hover;
} }
&.selected { &.selected {
background-color: var(--highlight-button-pressed); background-color: @highlight-button-pressed;
color: #fff; color: #fff;
} }
} }
@ -82,7 +82,7 @@
width: 100%; width: 100%;
height: 38px; height: 38px;
padding: 10px 12px; padding: 10px 12px;
border-bottom: 1px solid var(--border-toolbar); border-bottom: 1px solid @border-toolbar;
label { label {
width: 100%; width: 100%;
@ -118,7 +118,7 @@
width: 100%; width: 100%;
height: 100%; height: 100%;
opacity: 0.4; opacity: 0.4;
background-color: var(--background-toolbar); background-color: @background-toolbar;
z-index: @zindex-tooltip + 1; z-index: @zindex-tooltip + 1;
} }

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

@ -18,8 +18,8 @@
width: 14px; width: 14px;
height: 14px; height: 14px;
background: var(--background-normal); background: @background-normal;
border: 1px solid var(--border-regular-control); border: 1px solid @border-regular-control;
border-radius: 50%; border-radius: 50%;
} }
@ -28,7 +28,7 @@
&::before { &::before {
content: ''; content: '';
position: absolute; position: absolute;
background: var(--text-normal); background: @text-normal;
border-radius: 50%; border-radius: 50%;
width: 8px; width: 8px;
height: 8px; height: 8px;

24
apps/common/main/resources/less/scroller.less
View file

@ -11,13 +11,13 @@
} }
.ps-scrollbar-x { .ps-scrollbar-x {
background-color: var(--background-toolbar); background-color: @background-toolbar;
&.always-visible-x { &.always-visible-x {
bottom: 0px; bottom: 0px;
height: 9px; height: 9px;
background-color: var(--background-toolbar); background-color: @background-toolbar;
background-image: data-uri('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAOCAYAAAD0f5bSAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAuSURBVChTY6AfOH/+/H9SaSYQg1RAlqZhCT5+/AgOSlJoOgY50DqSNZJhEwMDACkvNZLpune5AAAAAElFTkSuQmCC'); background-image: data-uri('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAOCAYAAAD0f5bSAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAuSURBVChTY6AfOH/+/H9SaSYQg1RAlqZhCT5+/AgOSlJoOgY50DqSNZJhEwMDACkvNZLpune5AAAAAElFTkSuQmCC');
background-repeat: no-repeat; background-repeat: no-repeat;
@ -31,7 +31,7 @@
background-position: center 0; background-position: center 0;
.border-radius(2px); .border-radius(2px);
border: 1px solid var(--border-regular-control); border: 1px solid @border-regular-control;
-o-transition: background-color .5s 0 linear; -o-transition: background-color .5s 0 linear;
-webkit-transition: background-color .5s 0 linear; -webkit-transition: background-color .5s 0 linear;
-moz-transition: background-color .5s 0 linear; -moz-transition: background-color .5s 0 linear;
@ -43,7 +43,7 @@
.hover { .hover {
.ps-scrollbar-x { .ps-scrollbar-x {
&.always-visible-x { &.always-visible-x {
background-color: var(--border-regular-control); background-color: @border-regular-control;
background-position: center -7px; background-position: center -7px;
} }
} }
@ -52,8 +52,8 @@
&.in-scrolling { &.in-scrolling {
.ps-scrollbar-x { .ps-scrollbar-x {
&.always-visible-x { &.always-visible-x {
background-color: var(--border-regular-control); background-color: @border-regular-control;
border-color: var(--border-regular-control); border-color: @border-regular-control;
background-position: center -7px; background-position: center -7px;
} }
} }
@ -72,20 +72,20 @@
} }
.ps-scrollbar-y { .ps-scrollbar-y {
background-color: var(--background-toolbar); background-color: @background-toolbar;
&.always-visible-y { &.always-visible-y {
right: 0px; right: 0px;
width: 9px; width: 9px;
background-color: var(--background-toolbar); background-color: @background-toolbar;
.background-ximage('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAANCAQAAAAz1Zf0AAAAIUlEQVR42mNgAILz/0GQAQo+/gdBBqLAqE5ydH5k+sgEANHgUH2JtDRHAAAAAElFTkSuQmCC', .background-ximage('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAANCAQAAAAz1Zf0AAAAIUlEQVR42mNgAILz/0GQAQo+/gdBBqLAqE5ydH5k+sgEANHgUH2JtDRHAAAAAElFTkSuQmCC',
'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAaAgMAAADZOtQaAAAACVBMVEUAAADPz8/x8fFVrc9qAAAAAXRSTlMAQObYZgAAABZJREFUeNpjYAgNYOBaxcDEgAsMLXkA/sUJfm1m4l8AAAAASUVORK5CYII=', 14px); 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAaAgMAAADZOtQaAAAACVBMVEUAAADPz8/x8fFVrc9qAAAAAXRSTlMAQObYZgAAABZJREFUeNpjYAgNYOBaxcDEgAsMLXkA/sUJfm1m4l8AAAAASUVORK5CYII=', 14px);
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: 0 center; background-position: 0 center;
.border-radius(2px); .border-radius(2px);
border: 1px solid var(--border-regular-control); border: 1px solid @border-regular-control;
-o-transition: background-color .5s 0 linear; -o-transition: background-color .5s 0 linear;
-webkit-transition: background-color .5s 0 linear; -webkit-transition: background-color .5s 0 linear;
-moz-transition: background-color .5s 0 linear; -moz-transition: background-color .5s 0 linear;
@ -97,7 +97,7 @@
.hover { .hover {
.ps-scrollbar-y { .ps-scrollbar-y {
&.always-visible-y { &.always-visible-y {
background-color: var(--border-regular-control); background-color: @border-regular-control;
background-position: -7px center; background-position: -7px center;
} }
} }
@ -106,8 +106,8 @@
&.in-scrolling { &.in-scrolling {
.ps-scrollbar-y { .ps-scrollbar-y {
&.always-visible-y { &.always-visible-y {
background-color: var(--border-regular-control); background-color: @border-regular-control;
border-color: var(--border-regular-control); border-color: @border-regular-control;
background-position: -7px center; background-position: -7px center;
} }
} }

4
apps/common/main/resources/less/separator.less
View file

@ -9,7 +9,7 @@
.separator { .separator {
display: inline-block; display: inline-block;
position: inherit; position: inherit;
border-left: 1px solid var(--border-toolbar); border-left: 1px solid @border-toolbar;
vertical-align: top; vertical-align: top;
padding: 0; padding: 0;
width: 0; width: 0;
@ -20,6 +20,6 @@
border-left: none; border-left: none;
border-right: none; border-right: none;
border-top: 1px solid var(--border-toolbar); border-top: 1px solid @border-toolbar;
} }
} }

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

@ -10,7 +10,7 @@
padding-right: @trigger-width + 2px; padding-right: @trigger-width + 2px;
&:focus { &:focus {
border-color: var(--border-preview-select); border-color: @border-preview-select;
} }
} }

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

@ -8,7 +8,7 @@
.sw-left { .sw-left {
display: inline-block; display: inline-block;
height: 100%; height: 100%;
background-color: var(--highlight-button-pressed); background-color: @highlight-button-pressed;
border-top-left-radius: 2px; border-top-left-radius: 2px;
border-bottom-left-radius: 2px; border-bottom-left-radius: 2px;
} }
@ -16,7 +16,7 @@
.sw-right { .sw-right {
display: inline-block; display: inline-block;
height: 100%; height: 100%;
background-color: var(--border-regular-control); background-color: @border-regular-control;
border-top-right-radius: 2px; border-top-right-radius: 2px;
border-bottom-right-radius: 2px; border-bottom-right-radius: 2px;
} }
@ -27,8 +27,8 @@
right: auto; right: auto;
top: 0; top: 0;
height: 100%; height: 100%;
background-color: var(--background-normal); background-color: @background-normal;
border: 1px solid var(--highlight-button-pressed); border: 1px solid @highlight-button-pressed;
border-radius: 3px; border-radius: 3px;
} }
@ -43,11 +43,11 @@
cursor: default; cursor: default;
.sw-left { .sw-left {
background-color: var(--border-regular-control); background-color: @border-regular-control;
} }
.thumb { .thumb {
border-color: var(--border-regular-control); border-color: @border-regular-control;
} }
} }
} }

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

@ -7,9 +7,9 @@
.cell{ .cell{
width: 31px; width: 31px;
height: 33px; height: 33px;
border-right: 1px solid var(--border-regular-control); border-right: 1px solid @border-regular-control;
border-bottom: 1px solid var(--border-regular-control); border-bottom: 1px solid @border-regular-control;
background: var(--background-normal); background: @background-normal;
align-content: center; align-content: center;
vertical-align: middle; vertical-align: middle;
text-align: center; text-align: center;
@ -24,7 +24,7 @@
} }
.cell-selected{ .cell-selected{
background-color: var(--border-preview-select); background-color: @border-preview-select;
color: white; color: white;
} }
} }
@ -33,7 +33,7 @@
width: 100%; width: 100%;
height: 32px; height: 32px;
overflow: hidden; overflow: hidden;
border: var(--border-regular-control) solid 1px; border: @border-regular-control solid 1px;
} }
#symbol-table-scrollable-div { #symbol-table-scrollable-div {
@ -42,7 +42,7 @@
height: 132px; height: 132px;
position:relative; position:relative;
overflow:hidden; overflow:hidden;
border: var(--border-regular-control) solid 1px; border: @border-regular-control solid 1px;
} }
#id-preview-data { #id-preview-data {

8
apps/common/main/resources/less/synchronize-tip.less
View file

@ -99,7 +99,7 @@
.asc-synchronizetip { .asc-synchronizetip {
padding: 15px 8px 15px 15px; padding: 15px 8px 15px 15px;
border-radius: 5px; border-radius: 5px;
background-color: var(--background-notification-popover); background-color: @background-notification-popover;
overflow: visible; overflow: visible;
.right & { .right & {
@ -123,7 +123,7 @@
position: absolute; position: absolute;
top: 5px; top: 5px;
left: 8px; left: 8px;
background-color: var(--background-notification-popover); background-color: @background-notification-popover;
width: 15px; width: 15px;
height: 15px; height: 15px;
@ -141,8 +141,8 @@
} }
.show-link label { .show-link label {
border-bottom: 1px dotted var(--text-link); border-bottom: 1px dotted @text-link;
color: var(--text-link); color: @text-link;
cursor: pointer; cursor: pointer;
} }

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: var(--background-normal); background-color: @background-normal;
color: var(--text-normal); color: @text-normal;
border-color: var(--background-normal); border-color: @background-normal;
cursor: pointer; cursor: pointer;
} }
} }
@ -21,8 +21,8 @@
> span { > span {
display: inline; display: inline;
background-color: var(--background-toolbar); background-color: @background-toolbar;
color: var(--text-secondary); 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: var(--background-toolbar); background-color: @background-toolbar;
border-color: var(--background-toolbar); border-color: @background-toolbar;
cursor: pointer; cursor: pointer;
} }
} }

14
apps/common/main/resources/less/theme-colorpalette.less
View file

@ -16,7 +16,7 @@
a { a {
padding: 0; padding: 0;
border: 1px solid var(--background-normal); border: 1px solid @background-normal;
float: left; float: left;
text-decoration: none; text-decoration: none;
-moz-outline: 0 none; -moz-outline: 0 none;
@ -24,25 +24,25 @@
cursor: pointer; cursor: pointer;
em span { em span {
border: 1px solid var(--border-color-shading); border: 1px solid @border-color-shading;
} }
&:hover, &.selected { &:hover, &.selected {
border-color: var(--icon-normal); border-color: @icon-normal;
em span { em span {
border-color: var(--background-normal); border-color: @background-normal;
} }
} }
} }
.dynamic-empty-color em span { .dynamic-empty-color em span {
border:solid 1px var(--border-color-shading); border:solid 1px @border-color-shading;
background: var(--background-normal); background: @background-normal;
} }
.color-transparent { .color-transparent {
em span { em span {
border:solid 1px var(--border-color-shading); border:solid 1px @border-color-shading;
} }
} }
} }

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

@ -77,7 +77,7 @@
} }
&.active { &.active {
background-color: var(--background-toolbar); background-color: @background-toolbar;
} }
@ -88,12 +88,12 @@
cursor: default; cursor: default;
font-size: 12px; font-size: 12px;
text-align: center; text-align: center;
color: var(--text-toolbar-header); color: @text-toolbar-header;
} }
&.active { &.active {
> a { > a {
color: var(--text-normal); color: @text-normal;
} }
} }
} }
@ -190,8 +190,8 @@
/**/ /**/
} }
background-color: var(--background-toolbar); background-color: @background-toolbar;
.box-inner-shadow(0 -1px 0 var(--border-toolbar)); .box-inner-shadow(0 -1px 0 @border-toolbar);
.group { .group {
position: relative; position: relative;
@ -245,7 +245,7 @@
} }
&.border { &.border {
border: 1px solid var(--border-regular-control); border: 1px solid @border-regular-control;
.border-radius(1px); .border-radius(1px);
width: 22px; width: 22px;
height: 22px; height: 22px;
@ -263,7 +263,7 @@
right: 0; right: 0;
bottom: 0; bottom: 0;
opacity: 0; opacity: 0;
background-color: var(--background-toolbar); background-color: @background-toolbar;
/* z-index: @zindex-tooltip + 1; */ /* z-index: @zindex-tooltip + 1; */
} }
@ -304,7 +304,7 @@
.tabs, .extra { .tabs, .extra {
background-color: transparent; background-color: transparent;
box-shadow: inset 0 -1px 0 0 var(--border-regular-control); box-shadow: inset 0 -1px 0 0 @border-regular-control;
} }
.tabs { .tabs {
@ -318,7 +318,7 @@
&:after { &:after {
//transition: opacity .1s; //transition: opacity .1s;
//transition: bottom .1s; //transition: bottom .1s;
border-top: @underscore_height solid var(--text-normal); border-top: @underscore_height solid @text-normal;
content: ''; content: '';
position: absolute; position: absolute;
width: 100%; width: 100%;
@ -337,11 +337,11 @@
&:hover:not(.active) { &:hover:not(.active) {
background-color: rgba(0, 0, 0, .05); background-color: rgba(0, 0, 0, .05);
//background-color: var(--highlight-button-hover); //background-color: @highlight-button-hover;
} }
> a { > a {
color: var(--text-normal); color: @text-normal;
&::after { &::after {
display:block; display:block;
@ -367,15 +367,15 @@
.tabs .scroll { .tabs .scroll {
&.left { &.left {
box-shadow: 5px 0 20px 5px var(--background-toolbar); box-shadow: 5px 0 20px 5px @background-toolbar;
} }
&.right { &.right {
box-shadow: -5px 0 20px 5px var(--background-toolbar); box-shadow: -5px 0 20px 5px @background-toolbar;
} }
&:after { &:after {
border-color: var(--text-normal); border-color: @text-normal;
} }
} }
@ -386,34 +386,34 @@
} }
svg.icon { svg.icon {
fill: var(--icon-toolbar-header); fill: @icon-toolbar-header;
} }
.caption { .caption {
color: var(--text-normal); color: @text-normal;
} }
&:hover:not(.disabled) { &:hover:not(.disabled) {
background-color: var(--highlight-button-hover); background-color: @highlight-button-hover;
} }
&:active, &.active { &:active, &.active {
&:not(.disabled) { &:not(.disabled) {
background-color: var(--highlight-button-pressed); background-color: @highlight-button-pressed;
svg.icon { svg.icon {
fill: var(--icon-toolbar-header); fill: @icon-toolbar-header;
} }
.caption { .caption {
color: var(--text-inverse); color: @text-inverse;
} }
} }
} }
} }
#rib-doc-name { #rib-doc-name {
color: var(--text-normal); color: @text-normal;
} }
&.editor-native-color { &.editor-native-color {
@ -452,22 +452,22 @@
.btn-toolbar { .btn-toolbar {
&:active { &:active {
svg.icon { svg.icon {
fill: var(--icon-toolbar-header); fill: @icon-toolbar-header;
} }
} }
svg.icon { svg.icon {
background-image: none; background-image: none;
fill: var(--icon-normal); fill: @icon-normal;
} }
&.borders--small { &.borders--small {
border-radius: 2px; border-radius: 2px;
background-color: var(--background-normal); background-color: @background-normal;
&:not(:active) { &:not(:active) {
box-shadow: inset 0 0 0 1px var(--border-regular-control); box-shadow: inset 0 0 0 1px @border-regular-control;
} }
&, .icon { &, .icon {
@ -493,7 +493,7 @@
svg.icon { svg.icon {
display: inline-block; display: inline-block;
vertical-align: middle; vertical-align: middle;
fill: var(--icon-normal); fill: @icon-normal;
} }
width: 20px; width: 20px;
@ -523,7 +523,7 @@
svg.icon { svg.icon {
display: inline-block; display: inline-block;
vertical-align: middle; vertical-align: middle;
fill: var(--icon-normal); fill: @icon-normal;
} }
} }

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

@ -15,7 +15,7 @@
&.top-right .tooltip-arrow { &.top-right .tooltip-arrow {
bottom: 1px; bottom: 1px;
border-width: 5px 5px 0; border-width: 5px 5px 0;
border-top-color: var(--background-normal); border-top-color: @background-normal;
} }
&.top-left .tooltip-arrow, &.top-left .tooltip-arrow,
@ -32,16 +32,16 @@
&.bottom-right .tooltip-arrow { &.bottom-right .tooltip-arrow {
top: 1px; top: 1px;
border-width: 0 5px 5px; border-width: 0 5px 5px;
border-bottom-color: var(--background-normal); border-bottom-color: @background-normal;
} }
} }
.tooltip-inner { .tooltip-inner {
font-size: 11px; font-size: 11px;
background-color: var(--background-normal); background-color: @background-normal;
color: var(--text-normal); color: @text-normal;
padding: 5px 12px; padding: 5px 12px;
border: 1px solid var(--border-regular-control); 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;

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

@ -12,7 +12,7 @@
text-align: center; text-align: center;
height: 100%; height: 100%;
width: 100%; width: 100%;
color: var(--text-tertiary); color: @text-tertiary;
td { td {
padding: 5px; padding: 5px;
} }
@ -20,7 +20,7 @@
} }
&:focus { &:focus {
border-color: var(--border-preview-select); border-color: @border-preview-select;
} }
> .item { > .item {
@ -31,11 +31,11 @@
&:hover, &:hover,
&.over { &.over {
background-color: var(--highlight-button-hover); background-color: @highlight-button-hover;
} }
&.selected { &.selected {
background-color: var(--highlight-button-pressed); background-color: @highlight-button-pressed;
} }
&.selected .empty { &.selected .empty {
@ -58,7 +58,7 @@
text-overflow: ellipsis; text-overflow: ellipsis;
&.empty { &.empty {
color: var(--text-tertiary); color: @text-tertiary;
font-style: italic; font-style: italic;
} }
} }

18
apps/common/main/resources/less/window.less
View file

@ -27,7 +27,7 @@
box-shadow: 0 5px 15px rgba(0,0,0,0.2); box-shadow: 0 5px 15px rgba(0,0,0,0.2);
border-radius: 5px; border-radius: 5px;
background-color: @background-normal; background-color: @background-normal;
border: solid 1px var(--border-toolbar); border: solid 1px @border-toolbar;
left: 0; left: 0;
top: 0; top: 0;
@ -46,15 +46,15 @@
top: 0; top: 0;
text-overflow: ellipsis; text-overflow: ellipsis;
color: var(--border-preview-select); color: @border-preview-select;
text-align: center; text-align: center;
font-size: 12px; font-size: 12px;
font-weight: 700; font-weight: 700;
vertical-align: bottom; vertical-align: bottom;
line-height: 26px; line-height: 26px;
background: var(--background-toolbar); background: @background-toolbar;
border-bottom: solid 1px var(--border-toolbar); border-bottom: solid 1px @border-toolbar;
cursor: move; cursor: move;
@ -92,7 +92,7 @@
line-height: 14px; line-height: 14px;
font-size: 14px; font-size: 14px;
font-weight: bold; font-weight: bold;
color: var(--text-normal); color: @text-normal;
opacity: 0.7; opacity: 0.7;
&:hover { &:hover {
@ -179,10 +179,10 @@
a { a {
text-decoration: underline; text-decoration: underline;
color: var(--text-normal); color: @text-normal;
&:focus, &:hover { &:focus, &:hover {
color: var(--text-normal); color: @text-normal;
} }
} }
} }
@ -240,8 +240,8 @@
width: 5px; width: 5px;
height: 5px; height: 5px;
z-index: 1; z-index: 1;
background: var(--background-toolbar); background: @background-toolbar;
border: 1px none var(--border-toolbar); border: 1px none @border-toolbar;
&.left { &.left {
left: 0; left: 0;

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

@ -7,8 +7,8 @@
.panel-menu { .panel-menu {
width: 260px; width: 260px;
float: left; float: left;
border-right: 1px solid var(--border-toolbar); border-right: 1px solid @border-toolbar;
background-color: var(--background-toolbar); background-color: @background-toolbar;
li { li {
list-style: none; list-style: none;
@ -19,12 +19,12 @@
margin-bottom: 3px; margin-bottom: 3px;
&:hover:not(.disabled) { &:hover:not(.disabled) {
background-color: var(--highlight-button-hover); background-color: @highlight-button-hover;
} }
&.active:not(.disabled) { &.active:not(.disabled) {
outline: 0; outline: 0;
background-color: var(--highlight-button-pressed); background-color: @highlight-button-pressed;
> a { > a {
color: @text-inverse; color: @text-inverse;
@ -33,7 +33,7 @@
&.disabled > a { &.disabled > a {
cursor: default; cursor: default;
color: var(--border-regular-control); color: @border-regular-control;
} }
} }
@ -68,7 +68,7 @@
.panel-context { .panel-context {
width: 100%; width: 100%;
padding-left: 260px; padding-left: 260px;
background-color: var(--background-normal); background-color: @background-normal;
.content-box { .content-box {
height: 100%; height: 100%;
@ -123,7 +123,7 @@
.flex-settings { .flex-settings {
#file-menu-panel & { #file-menu-panel & {
&.bordered { &.bordered {
border-bottom: 1px solid var(--border-regular-control); border-bottom: 1px solid @border-regular-control;
} }
overflow: hidden; overflow: hidden;
position: relative; position: relative;
@ -173,7 +173,7 @@
h3 { h3 {
margin: 0; margin: 0;
font-size: 10pt; font-size: 10pt;
color: var(--text-normal); 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: var(--border-toolbar); border-color: @border-toolbar;
} }
.thumb-list { .thumb-list {
@ -246,7 +246,7 @@
&:hover, &:hover,
&.over { &.over {
background-color: var(--background-toolbar); background-color: @background-toolbar;
} }
.recent-icon { .recent-icon {
@ -268,7 +268,7 @@
} }
.file-info { .file-info {
color: var(--text-secondary); color: @text-secondary;
} }
} }
} }
@ -285,7 +285,7 @@
} }
.dataview { .dataview {
border-right: 1px solid var(--border-toolbar); border-right: 1px solid @border-toolbar;
& > .item { & > .item {
display: block; display: block;
@ -299,11 +299,11 @@
&:not(.header-name) { &:not(.header-name) {
&:hover, &:hover,
&.over { &.over {
background-color: var(--background-toolbar); background-color: @background-toolbar;
} }
&.selected { &.selected {
background-color: var(--highlight-button-pressed); background-color: @highlight-button-pressed;
color: @dropdown-link-active-color; color: @dropdown-link-active-color;
} }
} }

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

@ -2,7 +2,7 @@ body {
width: 100%; width: 100%;
height: 100%; height: 100%;
.user-select(none); .user-select(none);
color: var(--text-normal); color: @text-normal;
&.safari { &.safari {
position: absolute; position: absolute;
@ -39,7 +39,7 @@ label {
top:0; top:0;
right: 0; right: 0;
bottom: 0; bottom: 0;
background-color: var(--background-toolbar); background-color: @background-toolbar;
overflow: hidden; overflow: hidden;
} }

6
apps/documenteditor/main/resources/less/leftmenu.less
View file

@ -6,7 +6,7 @@
overflow: hidden; overflow: hidden;
.tool-menu-btns { .tool-menu-btns {
border-right: 1px solid var(--border-toolbar); border-right: 1px solid @border-toolbar;
} }
} }
} }
@ -26,7 +26,7 @@
.left-panel { .left-panel {
padding-left: 40px; padding-left: 40px;
height: 100%; height: 100%;
border-right: 1px solid var(--border-toolbar); border-right: 1px solid @border-toolbar;
#left-panel-chat { #left-panel-chat {
height: 100%; height: 100%;
@ -47,7 +47,7 @@
top: 0; top: 0;
position: absolute; position: absolute;
z-index: @zindex-dropdown - 5; z-index: @zindex-dropdown - 5;
background-color: var(--background-toolbar); background-color: @background-toolbar;
overflow: hidden; overflow: hidden;
} }

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

@ -11,7 +11,7 @@
width: 100%; width: 100%;
font-weight: bold; font-weight: bold;
padding: 10px 12px; padding: 10px 12px;
border-bottom: 1px solid var(--border-toolbar); border-bottom: 1px solid @border-toolbar;
} }
#navigation-list { #navigation-list {

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

@ -2,8 +2,8 @@
.tool-menu.right { .tool-menu.right {
.tool-menu-btns { .tool-menu-btns {
position: absolute; position: absolute;
border-left: 1px solid var(--border-toolbar); border-left: 1px solid @border-toolbar;
background-color: var(--background-toolbar); background-color: @background-toolbar;
right: 0; right: 0;
overflow: hidden; overflow: hidden;
} }
@ -16,7 +16,7 @@
padding: 0 10px 0 15px; padding: 0 10px 0 15px;
position: relative; position: relative;
overflow: hidden; overflow: hidden;
border-left: 1px solid var(--border-toolbar); border-left: 1px solid @border-toolbar;
line-height: 15px; line-height: 15px;
} }
@ -78,7 +78,7 @@
width: 100%; width: 100%;
resize: none; resize: none;
margin-bottom: 5px; margin-bottom: 5px;
border: 1px solid var(--border-toolbar); border: 1px solid @border-toolbar;
height: 100%; height: 100%;
&.disabled { &.disabled {
@ -255,7 +255,7 @@ button:active:not(.disabled) .btn-change-shape {background-position: -56px -
&:hover, &:hover,
&.over { &.over {
background-color: var(--highlight-button-hover); background-color: @highlight-button-hover;
.caret { .caret {
display: inline-block; display: inline-block;

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

@ -2,12 +2,12 @@
display: table; display: table;
padding: 2px; padding: 2px;
height: 25px; height: 25px;
background-color: var(--background-toolbar); background-color: @background-toolbar;
.box-inner-shadow(0 1px 0 var(--border-toolbar)); .box-inner-shadow(0 1px 0 @border-toolbar);
.status-label { .status-label {
font-weight: bold; font-weight: bold;
color: var(--text-normal); color: @text-normal;
white-space: nowrap; white-space: nowrap;
position: relative; position: relative;
top: 1px; top: 1px;
@ -75,7 +75,7 @@
.cnt-lang { .cnt-lang {
display: inline-block; display: inline-block;
cursor: pointer; cursor: pointer;
color: var(--text-normal); color: @text-normal;
margin-left: 6px; margin-left: 6px;
.caret.up { .caret.up {
@ -181,7 +181,7 @@
height: 12px; height: 12px;
display: inline-block; display: inline-block;
vertical-align: middle; vertical-align: middle;
border: 1px solid var(--border-toolbar); border: 1px solid @border-toolbar;
} }
.name { .name {

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

@ -27,7 +27,7 @@
right: 0; right: 0;
bottom: 0; bottom: 0;
opacity: 0; opacity: 0;
background-color: var(--background-toolbar); background-color: @background-toolbar;
z-index: @zindex-tooltip + 1; z-index: @zindex-tooltip + 1;
} }
@ -47,11 +47,11 @@
width: 246px; width: 246px;
height: @contents-menu-item-height; height: @contents-menu-item-height;
.box-shadow(0 0 0 1px var(--border-regular-control)); .box-shadow(0 0 0 1px @border-regular-control);
&:hover, &:hover,
&.selected { &.selected {
.box-shadow(0 0 0 2px var(--highlight-button-pressed)); .box-shadow(0 0 0 2px @highlight-button-pressed);
} }
} }
@ -59,7 +59,7 @@
background-color: transparent; background-color: transparent;
div { div {
.box-shadow(0 0 0 2px var(--highlight-button-pressed)); .box-shadow(0 0 0 2px @highlight-button-pressed);
} }
} }
} }
@ -102,7 +102,7 @@
display: none !important; display: none !important;
} }
&, &:hover, &:focus { &, &:hover, &:focus {
background-color: var(--highlight-button-pressed); background-color: @highlight-button-pressed;
color: @dropdown-link-active-color; color: @dropdown-link-active-color;
span.color { span.color {
border-color: rgba(255,255,255,0.7); border-color: rgba(255,255,255,0.7);
@ -123,7 +123,7 @@
opacity: 0.5; opacity: 0.5;
&:hover { &:hover {
.box-shadow(0 0 0 1px var(--border-regular-control)); .box-shadow(0 0 0 1px @border-regular-control);
} }
} }
} }
@ -173,13 +173,13 @@
#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 var(--icon-normal); outline: 1px solid @icon-normal;
border: 1px solid var(--background-normal); border: 1px solid @background-normal;
} }
} }
.item-equation { .item-equation {
border: 1px solid var(--border-regular-control); border: 1px solid @border-regular-control;
.background-ximage-v2('toolbar/math.png', 1500px, @commonimage: true); .background-ximage-v2('toolbar/math.png', 1500px, @commonimage: true);
} }
@ -187,12 +187,12 @@
cursor: default; cursor: default;
position: relative; position: relative;
padding: 14px 11px; padding: 14px 11px;
border-left: 1px solid var(--border-regular-control); border-left: 1px solid @border-regular-control;
border-top: 1px solid var(--border-regular-control); border-top: 1px solid @border-regular-control;
} }
.save-style-link { .save-style-link {
border-bottom: 1px dotted var(--text-secondary); border-bottom: 1px dotted @text-secondary;
cursor: pointer; cursor: pointer;
margin-left: 22px; margin-left: 22px;
} }
@ -236,6 +236,6 @@
#special-paste-container { #special-paste-container {
position: absolute; position: absolute;
z-index: @zindex-dropdown - 20; z-index: @zindex-dropdown - 20;
background-color: var(--background-toolbar); background-color: @background-toolbar;
border: 1px solid var(--border-regular-control); border: 1px solid @border-regular-control;
} }

2
apps/presentationeditor/main/resources/less/app.less
View file

@ -150,7 +150,7 @@
.slidenum-div { .slidenum-div {
background-color: @body-bg; background-color: @body-bg;
color: var(--text-normal); color: @text-normal;
padding: 5px 12px; padding: 5px 12px;
border: 1px solid rgba(0, 0, 0, 0.15); border: 1px solid rgba(0, 0, 0, 0.15);
.box-shadow(0 6px 12px rgba(0, 0, 0, 0.175)); .box-shadow(0 6px 12px rgba(0, 0, 0, 0.175));

2
apps/presentationeditor/main/resources/less/document-preview.less
View file

@ -3,7 +3,7 @@
} }
.preview-controls { .preview-controls {
display: table; display: table;
background: var(--background-toolbar); background: @background-toolbar;
height: 35px; height: 35px;
z-index: 10; z-index: 10;
opacity: 0.2; opacity: 0.2;

4
apps/presentationeditor/main/resources/less/layout.less
View file

@ -2,7 +2,7 @@ body {
width: 100%; width: 100%;
height: 100%; height: 100%;
.user-select(none); .user-select(none);
color: var(--text-normal); color: @text-normal;
&.safari { &.safari {
position: absolute; position: absolute;
@ -50,7 +50,7 @@ label {
top:0; top:0;
right: 0; right: 0;
bottom: 0; bottom: 0;
background-color: var(--background-toolbar); background-color: @background-toolbar;
overflow: hidden; overflow: hidden;
} }

28
apps/presentationeditor/main/resources/less/leftmenu.less
View file

@ -6,7 +6,7 @@
overflow: hidden; overflow: hidden;
.tool-menu-btns { .tool-menu-btns {
border-right: 1px solid var(--border-toolbar); border-right: 1px solid @border-toolbar;
} }
} }
} }
@ -17,8 +17,8 @@
border-right: 0 none; border-right: 0 none;
&.move { &.move {
border-left: 1px solid var(--border-toolbar); border-left: 1px solid @border-toolbar;
border-right: 1px solid var(--border-toolbar); border-right: 1px solid @border-toolbar;
opacity: 0.4; opacity: 0.4;
} }
} }
@ -39,7 +39,7 @@
.left-panel { .left-panel {
padding-left: 40px; padding-left: 40px;
height: 100%; height: 100%;
border-right: 1px solid var(--border-toolbar); border-right: 1px solid @border-toolbar;
#left-panel-chat { #left-panel-chat {
height: 100%; height: 100%;
@ -57,7 +57,7 @@
top: 0; top: 0;
position: absolute; position: absolute;
z-index: @zindex-dropdown - 5; z-index: @zindex-dropdown - 5;
background-color: var(--background-toolbar); background-color: @background-toolbar;
overflow: hidden; overflow: hidden;
} }
@ -91,8 +91,8 @@
.panel-menu { .panel-menu {
width: 260px; width: 260px;
float: left; float: left;
border-right: 1px solid var(--border-toolbar); border-right: 1px solid @border-toolbar;
background-color: var(--background-toolbar); background-color: @background-toolbar;
li { li {
list-style: none; list-style: none;
@ -103,12 +103,12 @@
margin-bottom: 3px; margin-bottom: 3px;
&:hover { &:hover {
background-color: var(--highlight-button-hover); background-color: @highlight-button-hover;
} }
&.active { &.active {
outline: 0; outline: 0;
background-color: var(--highlight-button-pressed); background-color: @highlight-button-pressed;
> a { > a {
color: #fff; color: #fff;
@ -191,7 +191,7 @@
.flex-settings { .flex-settings {
&.bordered { &.bordered {
border-bottom: 1px solid var(--border-regular-control); border-bottom: 1px solid @border-regular-control;
} }
overflow: hidden; overflow: hidden;
position: relative; position: relative;
@ -313,7 +313,7 @@
&:hover, &:hover,
&.over { &.over {
background-color: var(--background-toolbar); background-color: @background-toolbar;
} }
.recent-icon { .recent-icon {
@ -354,7 +354,7 @@
} }
.dataview { .dataview {
border-right: 1px solid var(--border-toolbar); border-right: 1px solid @border-toolbar;
& > div:not([class^=ps-scrollbar]) { & > div:not([class^=ps-scrollbar]) {
display: block; display: block;
@ -368,11 +368,11 @@
&:not(.header-name) { &:not(.header-name) {
&:hover, &:hover,
&.over { &.over {
background-color: var(--background-toolbar); background-color: @background-toolbar;
} }
&.selected { &.selected {
background-color: var(--highlight-button-pressed); background-color: @highlight-button-pressed;
color: @dropdown-link-active-color; color: @dropdown-link-active-color;
} }
} }

10
apps/presentationeditor/main/resources/less/rightmenu.less
View file

@ -2,8 +2,8 @@
.tool-menu.right { .tool-menu.right {
.tool-menu-btns { .tool-menu-btns {
position: absolute; position: absolute;
border-left: 1px solid var(--border-toolbar); border-left: 1px solid @border-toolbar;
background-color: var(--background-toolbar); background-color: @background-toolbar;
right: 0; right: 0;
overflow: hidden; overflow: hidden;
} }
@ -16,7 +16,7 @@
padding: 0 10px 0 15px; padding: 0 10px 0 15px;
position: relative; position: relative;
overflow: hidden; overflow: hidden;
border-left: 1px solid var(--border-toolbar); border-left: 1px solid @border-toolbar;
line-height: 15px; line-height: 15px;
} }
@ -70,7 +70,7 @@
width: 100%; width: 100%;
resize: none; resize: none;
margin-bottom: 5px; margin-bottom: 5px;
border: 1px solid var(--border-toolbar); border: 1px solid @border-toolbar;
height: 100%; height: 100%;
&.disabled { &.disabled {
@ -188,7 +188,7 @@ button:active:not(.disabled) .btn-change-shape {background-position: -56px -
&:hover, &:hover,
&.over { &.over {
background-color: var(--highlight-button-hover); background-color: @highlight-button-hover;
.caret { .caret {
display: inline-block; display: inline-block;

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

@ -2,12 +2,12 @@
display: table; display: table;
padding: 2px; padding: 2px;
height: 25px; height: 25px;
background-color: var(--background-toolbar); background-color: @background-toolbar;
.box-inner-shadow(0 1px 0 var(--border-toolbar)); .box-inner-shadow(0 1px 0 @border-toolbar);
.status-label { .status-label {
font-weight: bold; font-weight: bold;
color: var(--text-normal); color: @text-normal;
white-space: nowrap; white-space: nowrap;
position: relative; position: relative;
top: 1px; top: 1px;
@ -173,7 +173,7 @@
height: 12px; height: 12px;
display: inline-block; display: inline-block;
vertical-align: middle; vertical-align: middle;
border: 1px solid var(--border-toolbar); border: 1px solid @border-toolbar;
} }
.name { .name {

10
apps/presentationeditor/main/resources/less/toolbar.less
View file

@ -25,7 +25,7 @@
&:hover, &:hover,
&.selected { &.selected {
.layout > div:first-child { .layout > div:first-child {
.box-shadow(0 0 0 2px var(--highlight-button-pressed)); .box-shadow(0 0 0 2px @highlight-button-pressed);
} }
} }
} }
@ -76,7 +76,7 @@
display: none !important; display: none !important;
} }
&, &:hover, &:focus { &, &:hover, &:focus {
background-color: var(--highlight-button-pressed); background-color: @highlight-button-pressed;
color: @dropdown-link-active-color; color: @dropdown-link-active-color;
span.color { span.color {
border-color: rgba(255,255,255,0.7); border-color: rgba(255,255,255,0.7);
@ -118,7 +118,7 @@
} }
.item-equation { .item-equation {
border: 1px solid var(--border-regular-control); border: 1px solid @border-regular-control;
.background-ximage-v2('toolbar/math.png', 1500px); .background-ximage-v2('toolbar/math.png', 1500px);
} }
@ -131,8 +131,8 @@
#special-paste-container { #special-paste-container {
position: absolute; position: absolute;
z-index: @zindex-dropdown - 20; z-index: @zindex-dropdown - 20;
background-color: var(--background-toolbar); background-color: @background-toolbar;
border: 1px solid var(--border-regular-control); border: 1px solid @border-regular-control;
} }
.item-theme { .item-theme {

22
apps/spreadsheeteditor/main/resources/less/celleditor.less
View file

@ -1,14 +1,14 @@
#cell-editing-box { #cell-editing-box {
border-bottom: solid 1px var(--border-toolbar); border-bottom: solid 1px @border-toolbar;
border-left: solid 1px var(--border-toolbar); border-left: solid 1px @border-toolbar;
min-height: 20px; min-height: 20px;
background-color: #fff; background-color: #fff;
.ce-group-name { .ce-group-name {
float: left; float: left;
height: 20px; height: 20px;
border-bottom: 1px solid var(--border-toolbar); border-bottom: 1px solid @border-toolbar;
background-color: var(--background-toolbar); background-color: @background-toolbar;
#ce-cell-name { #ce-cell-name {
width: 100px; width: 100px;
@ -17,12 +17,12 @@
vertical-align: top; vertical-align: top;
display: inline-block; display: inline-block;
border: 0 none; border: 0 none;
border-right: 1px solid var(--border-toolbar); border-right: 1px solid @border-toolbar;
transition: none; transition: none;
-webkit-transition: none; -webkit-transition: none;
&[disabled] { &[disabled] {
color: var(--border-preview-select); color: @border-preview-select;
opacity: 0.5; opacity: 0.5;
} }
} }
@ -31,7 +31,7 @@
display: inline-block; display: inline-block;
position: absolute; position: absolute;
left: 80px; left: 80px;
background-color: var(--background-toolbar); background-color: @background-toolbar;
button { button {
background-color: #fff; background-color: #fff;
@ -75,7 +75,7 @@
padding-left: 1px; padding-left: 1px;
margin: 0 16px 0 120px; margin: 0 16px 0 120px;
height: 100%; height: 100%;
border-left: 1px solid var(--border-toolbar); border-left: 1px solid @border-toolbar;
#ce-cell-content { #ce-cell-content {
height: 100%; height: 100%;
@ -87,7 +87,7 @@
padding-bottom: 0; padding-bottom: 0;
&[disabled] { &[disabled] {
color: var(--border-preview-select); color: @border-preview-select;
opacity: 0.5; opacity: 0.5;
} }
} }
@ -102,8 +102,8 @@
border-bottom: 0 none; border-bottom: 0 none;
&.move { &.move {
border-top: 1px solid var(--border-toolbar); border-top: 1px solid @border-toolbar;
border-bottom: 1px solid var(--border-toolbar); border-bottom: 1px solid @border-toolbar;
opacity: 0.4; opacity: 0.4;
} }
} }

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

@ -21,9 +21,9 @@
.item { .item {
&.selected { &.selected {
background-color: var(--highlight-button-hover); background-color: @highlight-button-hover;
border-color: var(--highlight-button-hover); border-color: @highlight-button-hover;
color: var(--text-normal); color: @text-normal;
border-style: solid; border-style: solid;
border-width: 1px 0; border-width: 1px 0;
} }
@ -94,7 +94,7 @@
} }
&.border { &.border {
border: 1px solid var(--border-regular-control); border: 1px solid @border-regular-control;
.border-radius(1px); .border-radius(1px);
width: 22px; width: 22px;
height: 22px; height: 22px;

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

@ -2,7 +2,7 @@ body {
width: 100%; width: 100%;
height: 100%; height: 100%;
.user-select(none); .user-select(none);
color: var(--text-normal); color: @text-normal;
&.safari { &.safari {
position: absolute; position: absolute;
@ -33,7 +33,7 @@ label {
top:0; top:0;
right: 0; right: 0;
bottom: 0; bottom: 0;
background-color: var(--background-toolbar); background-color: @background-toolbar;
overflow: hidden; overflow: hidden;
} }
@ -52,8 +52,8 @@ label {
} }
#editor_sdk { #editor_sdk {
border-top: 1px solid var(--border-toolbar); border-top: 1px solid @border-toolbar;
border-left: 1px solid var(--border-toolbar); border-left: 1px solid @border-toolbar;
} }
.layout-resizer { .layout-resizer {

36
apps/spreadsheeteditor/main/resources/less/leftmenu.less
View file

@ -6,7 +6,7 @@
overflow: hidden; overflow: hidden;
.tool-menu-btns { .tool-menu-btns {
border-right: 1px solid var(--border-toolbar); border-right: 1px solid @border-toolbar;
} }
} }
} }
@ -17,8 +17,8 @@
border-right: 0 none; border-right: 0 none;
&.move { &.move {
border-left: 1px solid var(--border-toolbar); border-left: 1px solid @border-toolbar;
border-right: 1px solid var(--border-toolbar); border-right: 1px solid @border-toolbar;
opacity: 0.4; opacity: 0.4;
} }
} }
@ -39,7 +39,7 @@
.left-panel { .left-panel {
padding-left: 40px; padding-left: 40px;
height: 100%; height: 100%;
border-right: 1px solid var(--border-toolbar); border-right: 1px solid @border-toolbar;
#left-panel-chat { #left-panel-chat {
height: 100%; height: 100%;
@ -57,7 +57,7 @@
top: 0; top: 0;
position: absolute; position: absolute;
z-index: @zindex-dropdown - 5; z-index: @zindex-dropdown - 5;
background-color: var(--background-toolbar); background-color: @background-toolbar;
overflow: hidden; overflow: hidden;
} }
@ -91,8 +91,8 @@
.panel-menu { .panel-menu {
width: 260px; width: 260px;
float: left; float: left;
border-right: 1px solid var(--border-toolbar); border-right: 1px solid @border-toolbar;
background-color: var(--background-toolbar); background-color: @background-toolbar;
li { li {
list-style: none; list-style: none;
@ -103,12 +103,12 @@
margin-bottom: 3px; margin-bottom: 3px;
&:hover:not(.disabled) { &:hover:not(.disabled) {
background-color: var(--highlight-button-hover); background-color: @highlight-button-hover;
} }
&.active:not(.disabled) { &.active:not(.disabled) {
outline: 0; outline: 0;
background-color: var(--highlight-button-pressed); background-color: @highlight-button-pressed;
> a { > a {
color: #fff; color: #fff;
@ -117,7 +117,7 @@
&.disabled > a { &.disabled > a {
cursor: default; cursor: default;
color: var(--border-regular-control); color: @border-regular-control;
} }
} }
@ -181,7 +181,7 @@
.flex-settings { .flex-settings {
&.bordered { &.bordered {
border-bottom: 1px solid var(--border-regular-control); border-bottom: 1px solid @border-regular-control;
} }
overflow: hidden; overflow: hidden;
position: relative; position: relative;
@ -209,7 +209,7 @@
#id-settings-menu { #id-settings-menu {
.dataview { .dataview {
border-right: 1px solid var(--border-toolbar); border-right: 1px solid @border-toolbar;
& > div:not([class^=ps-scrollbar]) { & > div:not([class^=ps-scrollbar]) {
display: block; display: block;
@ -232,11 +232,11 @@
&:hover, &:hover,
&.over { &.over {
background-color: var(--background-toolbar); background-color: @background-toolbar;
} }
&.selected { &.selected {
background-color: var(--highlight-button-pressed); background-color: @highlight-button-pressed;
color: @dropdown-link-active-color; color: @dropdown-link-active-color;
.settings-icon { .settings-icon {
@ -377,7 +377,7 @@
&:hover, &:hover,
&.over { &.over {
background-color: var(--background-toolbar); background-color: @background-toolbar;
} }
.recent-icon { .recent-icon {
@ -418,7 +418,7 @@
} }
.dataview { .dataview {
border-right: 1px solid var(--border-toolbar); border-right: 1px solid @border-toolbar;
& > div:not([class^=ps-scrollbar]) { & > div:not([class^=ps-scrollbar]) {
display: block; display: block;
@ -432,11 +432,11 @@
&:not(.header-name) { &:not(.header-name) {
&:hover, &:hover,
&.over { &.over {
background-color: var(--background-toolbar); background-color: @background-toolbar;
} }
&.selected { &.selected {
background-color: var(--highlight-button-pressed); background-color: @highlight-button-pressed;
color: @dropdown-link-active-color; color: @dropdown-link-active-color;
} }
} }

10
apps/spreadsheeteditor/main/resources/less/rightmenu.less
View file

@ -2,8 +2,8 @@
.tool-menu.right { .tool-menu.right {
.tool-menu-btns { .tool-menu-btns {
position: absolute; position: absolute;
border-left: 1px solid var(--border-toolbar); border-left: 1px solid @border-toolbar;
background-color: var(--background-toolbar); background-color: @background-toolbar;
right: 0; right: 0;
overflow: hidden; overflow: hidden;
} }
@ -16,7 +16,7 @@
padding: 0 10px 0 15px; padding: 0 10px 0 15px;
position: relative; position: relative;
overflow: hidden; overflow: hidden;
border-left: 1px solid var(--border-toolbar); border-left: 1px solid @border-toolbar;
line-height: 15px; line-height: 15px;
} }
@ -70,7 +70,7 @@
width: 100%; width: 100%;
resize: none; resize: none;
margin-bottom: 5px; margin-bottom: 5px;
border: 1px solid var(--border-toolbar); border: 1px solid @border-toolbar;
height: 100%; height: 100%;
&.disabled { &.disabled {
@ -258,7 +258,7 @@ button:active:not(.disabled) .btn-change-shape {background-position: -56px -
&:hover, &:hover,
&.over { &.over {
background-color: var(--highlight-button-hover); background-color: @highlight-button-hover;
.caret { .caret {
display: inline-block; display: inline-block;

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

@ -1,8 +1,8 @@
.statusbar { .statusbar {
padding: 0 2px 0; padding: 0 2px 0;
height: 25px; height: 25px;
background-color: var(--background-toolbar); background-color: @background-toolbar;
.box-inner-shadow(0 1px 0 var(--border-toolbar)); .box-inner-shadow(0 1px 0 @border-toolbar);
z-index: 500; z-index: 500;
#status-tabs-scroll { #status-tabs-scroll {
@ -26,7 +26,7 @@
text-align: center; text-align: center;
&.disabled { &.disabled {
color: var(--border-preview-select); color: @border-preview-select;
cursor: default; cursor: default;
} }
} }
@ -96,7 +96,7 @@
height: 12px; height: 12px;
display: inline-block; display: inline-block;
vertical-align: middle; vertical-align: middle;
border: 1px solid var(--border-toolbar); border: 1px solid @border-toolbar;
} }
.name { .name {
@ -114,8 +114,8 @@
#status-addtabs-box { #status-addtabs-box {
float: left; float: left;
padding: 3px 8px 0 8px; padding: 3px 8px 0 8px;
border-left: 1px solid var(--border-toolbar); border-left: 1px solid @border-toolbar;
border-right: 1px solid var(--border-toolbar); border-right: 1px solid @border-toolbar;
height: 25px; height: 25px;
} }
@ -158,7 +158,7 @@
display: flex; display: flex;
> li { > li {
background-color: var(--background-toolbar); background-color: @background-toolbar;
&:first-of-type { &:first-of-type {
span { span {
@ -178,16 +178,16 @@
padding: 0 10px 0; padding: 0 10px 0;
line-height: 24px; line-height: 24px;
margin-right: -1px; margin-right: -1px;
background-color: var(--background-toolbar); background-color: @background-toolbar;
outline: none; outline: none;
border-left: 1px solid var(--border-toolbar); border-left: 1px solid @border-toolbar;
border-right: 1px solid var(--border-toolbar); border-right: 1px solid @border-toolbar;
border-top: 1px solid var(--border-toolbar); border-top: 1px solid @border-toolbar;
&:hover { &:hover {
border-top-color: var(--border-toolbar); border-top-color: @border-toolbar;
border-bottom-color: var(--border-toolbar); border-bottom-color: @border-toolbar;
color: @black !important; color: @text-normal !important;
} }
} }
@ -259,7 +259,7 @@
&:not(.active) { &:not(.active) {
> span { > span {
color: var(--border-preview-select); color: @border-preview-select;
} }
} }
@ -272,14 +272,14 @@
} }
> span { > span {
border-left: 2px solid var(--text-normal); border-left: 2px solid @text-normal;
padding-left: 9px; padding-left: 9px;
} }
&.right { &.right {
> span { > span {
border-left: 1px solid var(--border-toolbar); border-left: 1px solid @border-toolbar;
border-right: 2px solid var(--text-normal); border-right: 2px solid @text-normal;
padding-right: 9px; padding-right: 9px;
padding-left: 10px; padding-left: 10px;
} }
@ -318,7 +318,7 @@
.status-label { .status-label {
font-weight: bold; font-weight: bold;
color: var(--text-normal); color: @text-normal;
white-space: nowrap; white-space: nowrap;
} }
@ -398,7 +398,7 @@
width: 36px; width: 36px;
height: 100%; height: 100%;
opacity: 0; opacity: 0;
background-color: var(--background-toolbar); background-color: @background-toolbar;
z-index: @zindex-modal - 1; z-index: @zindex-modal - 1;
} }

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

@ -64,7 +64,7 @@
display: none !important; display: none !important;
} }
&, &:hover, &:focus { &, &:hover, &:focus {
background-color: var(--highlight-button-pressed); background-color: @highlight-button-pressed;
color: @dropdown-link-active-color; color: @dropdown-link-active-color;
span.color { span.color {
border-color: rgba(255,255,255,0.7); border-color: rgba(255,255,255,0.7);
@ -136,7 +136,7 @@
} }
.item-equation { .item-equation {
border: 1px solid var(--border-regular-control); border: 1px solid @border-regular-control;
.background-ximage-v2('toolbar/math.png', 1500px); .background-ximage-v2('toolbar/math.png', 1500px);
} }
@ -144,8 +144,8 @@
#autocorrect-paste-container { #autocorrect-paste-container {
position: absolute; position: absolute;
z-index: @zindex-dropdown - 20; z-index: @zindex-dropdown - 20;
background-color: var(--background-toolbar); background-color: @background-toolbar;
border: 1px solid var(--border-regular-control); border: 1px solid @border-regular-control;
} }
#slot-field-fontname { #slot-field-fontname {