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

[dark theme] @gray-dark to @border-toolbar

Browse source
This commit is contained in:
Maxim Kadushkin 2020-11-16 20:26:04 +03:00
parent 53948517ac
commit 3d44274c2c
16 changed files with 42 additions and 41 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -11,7 +11,7 @@
.area { .area {
position: absolute; position: absolute;
border-bottom: 1px solid @gray-dark; 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 @gray-dark; border: 1px solid @border-toolbar;
} }
.name { .name {
@ -112,7 +112,7 @@
.color { .color {
width: 12px; width: 12px;
height: 12px; height: 12px;
border: 1px solid @gray-dark; border: 1px solid @border-toolbar;
margin: 0 5px 3px 0; margin: 0 5px 3px 0;
vertical-align: middle; vertical-align: middle;
} }
@ -143,7 +143,7 @@
height: 100%; height: 100%;
resize: none; resize: none;
margin-bottom: 5px; margin-bottom: 5px;
border: 1px solid @gray-dark; border: 1px solid @border-toolbar;
font-size: 12px; font-size: 12px;
&:focus { &:focus {

12
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 @gray-dark; border-bottom: 1px solid @border-toolbar;
&.stretch { &.stretch {
border-bottom: none; border-bottom: none;
@ -58,7 +58,7 @@
width: 100%; width: 100%;
resize: none; resize: none;
margin-bottom: 5px; margin-bottom: 5px;
border: 1px solid @gray-dark; border: 1px solid @border-toolbar;
height: 100%; height: 100%;
&:focus { &:focus {
border-color: @gray-darker; border-color: @gray-darker;
@ -90,7 +90,7 @@
height: 50px; height: 50px;
resize: none; resize: none;
margin-bottom: 5px; margin-bottom: 5px;
border: 1px solid @gray-dark; border: 1px solid @border-toolbar;
word-break: break-all; word-break: break-all;
line-height: 15px; line-height: 15px;
color: @gray-deep; color: @gray-deep;
@ -109,7 +109,7 @@
} }
.separator-cmt { .separator-cmt {
border-bottom: 1px solid @gray-dark; border-bottom: 1px solid @border-toolbar;
margin: 20px 0px 0px 0px; margin: 20px 0px 0px 0px;
} }
@ -133,7 +133,7 @@
.color { .color {
width: 12px; width: 12px;
height: 12px; height: 12px;
border: 1px solid @gray-dark; border: 1px solid @border-toolbar;
margin: 0 5px 3px 0; margin: 0 5px 3px 0;
vertical-align: middle; vertical-align: middle;
} }
@ -408,6 +408,6 @@
-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 @gray-dark; border: solid 1px @border-toolbar;
} }
} }

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

@ -256,7 +256,7 @@
height: 12px; height: 12px;
display: inline-block; display: inline-block;
vertical-align: middle; vertical-align: middle;
border: 1px solid @gray-dark; border: 1px solid @border-toolbar;
margin: 0 5px 1px 0; margin: 0 5px 1px 0;
} }

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

@ -10,7 +10,7 @@
top: 0; top: 0;
right: 0; right: 0;
overflow: hidden; overflow: hidden;
border-bottom: 1px solid @gray-dark; border-bottom: 1px solid @border-toolbar;
#history-btn-back { #history-btn-back {
height: 27px; height: 27px;
@ -33,7 +33,7 @@
bottom: 0; bottom: 0;
right: 0; right: 0;
overflow: hidden; overflow: hidden;
border-top: 1px solid @gray-dark; border-top: 1px solid @border-toolbar;
#history-btn-expand { #history-btn-expand {
height: 27px; height: 27px;
@ -128,7 +128,7 @@
.color { .color {
width: 12px; width: 12px;
height: 12px; height: 12px;
border: 1px solid @gray-dark; border: 1px solid @border-toolbar;
margin: 0 5px 3px 0; margin: 0 5px 3px 0;
vertical-align: middle; vertical-align: middle;
} }

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

@ -36,8 +36,8 @@
cursor: row-resize; cursor: row-resize;
&.move { &.move {
border-top: solid 1px @gray-dark; border-top: solid 1px @border-toolbar;
border-bottom: solid 1px @gray-dark; border-bottom: solid 1px @border-toolbar;
} }
} }
} }
@ -53,8 +53,8 @@
cursor: col-resize; cursor: col-resize;
&.move { &.move {
border-left: solid 1px @gray-dark; border-left: solid 1px @border-toolbar;
border-right: solid 1px @gray-dark; border-right: solid 1px @border-toolbar;
} }
} }
} }

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

@ -82,7 +82,7 @@
width: 100%; width: 100%;
height: 38px; height: 38px;
padding: 10px 12px; padding: 10px 12px;
border-bottom: 1px solid @gray-dark; border-bottom: 1px solid @border-toolbar;
label { label {
width: 100%; width: 100%;

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 @gray-dark; 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 @gray-dark; border-top: 1px solid @border-toolbar;
} }
} }

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

@ -192,7 +192,7 @@
} }
background-color: @gray-light; background-color: @gray-light;
.box-inner-shadow(0 -1px 0 @gray-dark); .box-inner-shadow(0 -1px 0 @border-toolbar);
.group { .group {
position: relative; position: relative;

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

@ -15,7 +15,7 @@
@gray-deep: #444444; //rgb(68, 68, 68) @gray-deep: #444444; //rgb(68, 68, 68)
@gray-darker: #848484; //rgb(132, 132, 132) @gray-darker: #848484; //rgb(132, 132, 132)
@gray-dark: #cbcbcb; //rgb(203, 203, 203) //@gray-dark: #cbcbcb; //rgb(203, 203, 203)
@gray: #cfcfcf; //rgb(207, 207, 207) @gray: #cfcfcf; //rgb(207, 207, 207)
@gray-light: #f1f1f1; //rgb(241, 241, 241) @gray-light: #f1f1f1; //rgb(241, 241, 241)
@gray-lighter: #ededed; //rgb(237, 237, 237) @gray-lighter: #ededed; //rgb(237, 237, 237)
@ -41,7 +41,7 @@
// ------------------------- // -------------------------
@body-bg: #fff; @body-bg: #fff;
@text-color: @gray-dark; @text-color: #cbcbcb;
// Links // Links
// ------------------------- // -------------------------
@ -199,7 +199,7 @@
@form-group-margin-bottom: 15px; @form-group-margin-bottom: 15px;
@legend-color: @gray-dark; @legend-color: #cbcbcb;
@legend-border-color: #e5e5e5; @legend-border-color: #e5e5e5;
@input-group-addon-bg: @input-bg; @input-group-addon-bg: @input-bg;
@ -576,7 +576,7 @@
@panel-border-radius: @border-radius-base; @panel-border-radius: @border-radius-base;
@panel-footer-bg: #f5f5f5; @panel-footer-bg: #f5f5f5;
@panel-default-text: @gray-dark; //@panel-default-text: @gray-dark;
@panel-default-border: #ddd; @panel-default-border: #ddd;
@panel-default-heading-bg: #f5f5f5; @panel-default-heading-bg: #f5f5f5;
@ -608,7 +608,7 @@
@thumbnail-border: #ddd; @thumbnail-border: #ddd;
@thumbnail-border-radius: @border-radius-base; @thumbnail-border-radius: @border-radius-base;
@thumbnail-caption-color: @text-color; //@thumbnail-caption-color: @text-color;
@thumbnail-caption-padding: 9px; @thumbnail-caption-padding: 9px;
@ -673,7 +673,7 @@
@kbd-bg: #333; @kbd-bg: #333;
@pre-bg: #f5f5f5; @pre-bg: #f5f5f5;
@pre-color: @gray-dark; //@pre-color: @gray-dark;
@pre-border-color: #ccc; @pre-border-color: #ccc;
@pre-scrollable-max-height: 340px; @pre-scrollable-max-height: 340px;

6
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: @body-bg; background-color: @body-bg;
border: solid 1px @gray-dark; border: solid 1px @border-toolbar;
left: 0; left: 0;
top: 0; top: 0;
@ -55,7 +55,7 @@
line-height: 26px; line-height: 26px;
background: @gray-lighter; background: @gray-lighter;
border-bottom: solid 1px @gray-dark; border-bottom: solid 1px @border-toolbar;
cursor: move; cursor: move;
@ -242,7 +242,7 @@
height: 5px; height: 5px;
z-index: 1; z-index: 1;
background: @gray-lighter; background: @gray-lighter;
border: 1px none @gray-dark; border: 1px none @border-toolbar;
&.left { &.left {
left: 0; left: 0;

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

@ -9,6 +9,7 @@
// Bootstrap overwrite // Bootstrap overwrite
@import "../../../../common/main/resources/less/variables.less"; @import "../../../../common/main/resources/less/variables.less";
@import "../../../../common/main/resources/less/colors-table.less";
// //
// Bootstrap // Bootstrap

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

@ -7,7 +7,7 @@
.panel-menu { .panel-menu {
width: 260px; width: 260px;
float: left; float: left;
border-right: 1px solid @gray-dark; border-right: 1px solid @border-toolbar;
background-color: @gray-light; background-color: @gray-light;
li { li {
@ -285,7 +285,7 @@
} }
.dataview { .dataview {
border-right: 1px solid @gray-dark; border-right: 1px solid @border-toolbar;
& > .item { & > .item {
display: block; display: block;

4
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 @gray-dark; 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 @gray-dark; border-right: 1px solid @border-toolbar;
#left-panel-chat { #left-panel-chat {
height: 100%; height: 100%;

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 @gray-dark; border-bottom: 1px solid @border-toolbar;
} }
#navigation-list { #navigation-list {

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

@ -2,7 +2,7 @@
.tool-menu.right { .tool-menu.right {
.tool-menu-btns { .tool-menu-btns {
position: absolute; position: absolute;
border-left: 1px solid @gray-dark; border-left: 1px solid @border-toolbar;
background-color: @gray-light; background-color: @gray-light;
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 @gray-dark; 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 @gray-dark; border: 1px solid @border-toolbar;
height: 100%; height: 100%;
&.disabled { &.disabled {

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

@ -3,7 +3,7 @@
padding: 2px; padding: 2px;
height: 25px; height: 25px;
background-color: @gray-light; background-color: @gray-light;
.box-inner-shadow(0 1px 0 @gray-dark); .box-inner-shadow(0 1px 0 @border-toolbar);
.status-label { .status-label {
font-weight: bold; font-weight: bold;
@ -181,7 +181,7 @@
height: 12px; height: 12px;
display: inline-block; display: inline-block;
vertical-align: middle; vertical-align: middle;
border: 1px solid @gray-dark; border: 1px solid @border-toolbar;
} }
.name { .name {