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

[dark theme] changed @gray-light and @gray-lighter

Browse source
This commit is contained in:
Maxim Kadushkin 2020-11-17 18:51:21 +03:00
parent 2bbf038b37
commit 5e29e5e9d2
26 changed files with 74 additions and 74 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -303,7 +303,7 @@
&:active:not(.disabled), &:active:not(.disabled),
&.active:not(.disabled) { &.active:not(.disabled) {
color: lighten(@gray-lighter, 10%); color: @text-normal;
background-color: @primary; background-color: @primary;
} }
@ -432,7 +432,7 @@
&.open { &.open {
> .btn-toolbar { > .btn-toolbar {
//color: lighten(@gray-lighter, 10%); //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 {

2
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: @gray-light; background: @background-toolbar;
border: 0 none; border: 0 none;
&.move { &.move {

2
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: fade(@black, 90%); background-color: fade(@black, 90%);
color: @gray-light; color: @background-toolbar;
.border-radius(@border-radius-large); .border-radius(@border-radius-large);
left: 50%; left: 50%;

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

@ -118,7 +118,7 @@
width: 100%; width: 100%;
height: 100%; height: 100%;
opacity: 0.4; opacity: 0.4;
background-color: @gray-light; background-color: @background-toolbar;
z-index: @zindex-tooltip + 1; z-index: @zindex-tooltip + 1;
} }

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

@ -11,13 +11,13 @@
} }
.ps-scrollbar-x { .ps-scrollbar-x {
background-color: @gray-light; background-color: @background-toolbar;
&.always-visible-x { &.always-visible-x {
bottom: 0px; bottom: 0px;
height: 9px; height: 9px;
background-color: @gray-light; 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;
@ -72,13 +72,13 @@
} }
.ps-scrollbar-y { .ps-scrollbar-y {
background-color: @gray-light; background-color: @background-toolbar;
&.always-visible-y { &.always-visible-y {
right: 0px; right: 0px;
width: 9px; width: 9px;
background-color: @gray-light; 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);

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

@ -78,7 +78,7 @@
} }
&.active { &.active {
background-color: @gray-light; background-color: @background-toolbar;
} }
@ -191,7 +191,7 @@
/**/ /**/
} }
background-color: @gray-light; background-color: @background-toolbar;
.box-inner-shadow(0 -1px 0 @border-toolbar); .box-inner-shadow(0 -1px 0 @border-toolbar);
.group { .group {
@ -264,7 +264,7 @@
right: 0; right: 0;
bottom: 0; bottom: 0;
opacity: 0; opacity: 0;
background-color: @gray-light; background-color: @background-toolbar;
/* z-index: @zindex-tooltip + 1; */ /* z-index: @zindex-tooltip + 1; */
} }
@ -368,11 +368,11 @@
.tabs .scroll { .tabs .scroll {
&.left { &.left {
box-shadow: 5px 0 20px 5px @gray-light; box-shadow: 5px 0 20px 5px @background-toolbar;
} }
&.right { &.right {
box-shadow: -5px 0 20px 5px @gray-light; box-shadow: -5px 0 20px 5px @background-toolbar;
} }
&:after { &:after {

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

@ -17,9 +17,9 @@
@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-lighter: #ededed; //rgb(237, 237, 237)
@gray-soft: #adadad; //rgb(173, 173, 173) @gray-soft: #adadad; //rgb(173, 173, 173)
//@gray-light: #f1f1f1; //rgb(241, 241, 241)
//@gray-lighter: #ededed; //rgb(237, 237, 237)
@primary: #7d858c; //rgb(125, 133, 140) @primary: #7d858c; //rgb(125, 133, 140)
@primary-hover: #666d73; //rgb(102, 109, 115) @primary-hover: #666d73; //rgb(102, 109, 115)
@ -162,7 +162,7 @@
@btn-info-bg: @brand-info; @btn-info-bg: @brand-info;
@btn-info-border: darken(@btn-info-bg, 5%); @btn-info-border: darken(@btn-info-bg, 5%);
@btn-link-disabled-color: @gray-light; @btn-link-disabled-color: #f1f1f1; // @gray-light;
// Allows for customizing button radius independently from global border radius // Allows for customizing button radius independently from global border radius
@btn-border-radius-base: @border-radius-base; @btn-border-radius-base: @border-radius-base;
@ -173,7 +173,7 @@
// ------------------------- // -------------------------
@input-bg: #fff; @input-bg: #fff;
@input-bg-disabled: @gray-lighter; @input-bg-disabled: #ededed; // @gray-lighter;
@input-color: #000; @input-color: #000;
@input-border: #cfcfcf; // @gray; @input-border: #cfcfcf; // @gray;
@ -332,12 +332,12 @@
// Inverted navbar // Inverted navbar
// //
// Reset inverted navbar basics // Reset inverted navbar basics
@navbar-inverse-color: @gray-light; @navbar-inverse-color: #f1f1f1; // @gray-light;
@navbar-inverse-bg: #222; @navbar-inverse-bg: #222;
@navbar-inverse-border: darken(@navbar-inverse-bg, 10%); @navbar-inverse-border: darken(@navbar-inverse-bg, 10%);
// Inverted navbar links // Inverted navbar links
@navbar-inverse-link-color: @gray-light; @navbar-inverse-link-color: #f1f1f1; // @gray-light;
@navbar-inverse-link-hover-color: #fff; @navbar-inverse-link-hover-color: #fff;
@navbar-inverse-link-hover-bg: transparent; @navbar-inverse-link-hover-bg: transparent;
@navbar-inverse-link-active-color: @navbar-inverse-link-hover-color; @navbar-inverse-link-active-color: @navbar-inverse-link-hover-color;
@ -360,17 +360,17 @@
// ------------------------- // -------------------------
@nav-link-padding: 10px 15px; @nav-link-padding: 10px 15px;
@nav-link-hover-bg: @gray-lighter; @nav-link-hover-bg: #ededed; // @gray-lighter;
@nav-disabled-link-color: @gray-light; @nav-disabled-link-color: #f1f1f1; // @gray-light;
@nav-disabled-link-hover-color: @gray-light; @nav-disabled-link-hover-color: #f1f1f1; // @gray-light;
@nav-open-link-hover-color: #fff; @nav-open-link-hover-color: #fff;
// Tabs // Tabs
@nav-tabs-border-color: #ddd; @nav-tabs-border-color: #ddd;
@nav-tabs-link-hover-border-color: @gray-lighter; @nav-tabs-link-hover-border-color: #ededed; // @gray-lighter;
@nav-tabs-active-link-hover-bg: @body-bg; @nav-tabs-active-link-hover-bg: @body-bg;
@nav-tabs-active-link-hover-color: #cfcfcf; // @gray; @nav-tabs-active-link-hover-color: #cfcfcf; // @gray;
@ -392,14 +392,14 @@
@pagination-border: #ddd; @pagination-border: #ddd;
@pagination-hover-color: @link-hover-color; @pagination-hover-color: @link-hover-color;
@pagination-hover-bg: @gray-lighter; @pagination-hover-bg: #ededed; // @gray-lighter;
@pagination-hover-border: #ddd; @pagination-hover-border: #ddd;
@pagination-active-bg: @brand-primary; @pagination-active-bg: @brand-primary;
@pagination-active-color: #fff; @pagination-active-color: #fff;
@pagination-active-border: @brand-primary; @pagination-active-border: @brand-primary;
@pagination-disabled-color: @gray-light; @pagination-disabled-color: #f1f1f1; // @gray-light;
@pagination-disabled-bg: #fff; @pagination-disabled-bg: #fff;
@pagination-disabled-border: #ddd; @pagination-disabled-border: #ddd;
@ -414,7 +414,7 @@
@pager-active-bg: @pagination-active-bg; @pager-active-bg: @pagination-active-bg;
@pager-active-color: @pagination-active-color; @pager-active-color: @pagination-active-color;
@pager-disabled-color: @gray-light; @pager-disabled-color: #f1f1f1; // @gray-light;
// Jumbotron // Jumbotron
@ -422,7 +422,7 @@
@jumbotron-padding: 30px; @jumbotron-padding: 30px;
@jumbotron-color: inherit; @jumbotron-color: inherit;
@jumbotron-bg: @gray-lighter; @jumbotron-bg: #ededed; // @gray-lighter;
@jumbotron-heading-color: inherit; @jumbotron-heading-color: inherit;
@jumbotron-font-size: ceil(@font-size-base * 1.5); @jumbotron-font-size: ceil(@font-size-base * 1.5);
@jumbotron-heading-font-size: ceil((@font-size-base * 4.5)); @jumbotron-heading-font-size: ceil((@font-size-base * 4.5));
@ -478,7 +478,7 @@
// Labels // Labels
// ------------------------- // -------------------------
@label-default-bg: @gray-light; @label-default-bg: #f1f1f1; // @gray-light;
@label-primary-bg: @brand-primary; @label-primary-bg: @brand-primary;
@label-success-bg: @brand-success; @label-success-bg: @brand-success;
@label-info-bg: @brand-info; @label-info-bg: @brand-info;
@ -557,8 +557,8 @@
@list-group-active-border: @list-group-active-bg; @list-group-active-border: @list-group-active-bg;
@list-group-active-text-color: lighten(@list-group-active-bg, 40%); @list-group-active-text-color: lighten(@list-group-active-bg, 40%);
@list-group-disabled-color: @gray-light; @list-group-disabled-color: #f1f1f1; // @gray-light;
@list-group-disabled-bg: @gray-lighter; @list-group-disabled-bg: #ededed; // @gray-lighter;
@list-group-disabled-text-color: @list-group-disabled-color; @list-group-disabled-text-color: @list-group-disabled-color;
@list-group-link-color: #555; @list-group-link-color: #555;
@ -621,7 +621,7 @@
// ------------------------- // -------------------------
@badge-color: #fff; @badge-color: #fff;
@badge-link-hover-color: #fff; @badge-link-hover-color: #fff;
@badge-bg: @gray-light; @badge-bg: #f1f1f1; // @gray-light;
@badge-active-color: @link-color; @badge-active-color: @link-color;
@badge-active-bg: #fff; @badge-active-bg: #fff;
@ -637,7 +637,7 @@
@breadcrumb-padding-horizontal: 15px; @breadcrumb-padding-horizontal: 15px;
@breadcrumb-bg: #f5f5f5; @breadcrumb-bg: #f5f5f5;
@breadcrumb-color: #ccc; @breadcrumb-color: #ccc;
@breadcrumb-active-color: @gray-light; @breadcrumb-active-color: #f1f1f1; // @gray-light;
@breadcrumb-separator: "/"; @breadcrumb-separator: "/";
@ -679,19 +679,19 @@
// Type // Type
// ------------------------ // ------------------------
@text-muted: @gray-light; @text-muted: #f1f1f1; // @gray-light;
@abbr-border-color: @gray-light; @abbr-border-color: #f1f1f1; // @gray-light;
@headings-small-color: @gray-light; @headings-small-color: #f1f1f1; // @gray-light;
@blockquote-small-color: @gray-light; @blockquote-small-color: #f1f1f1; // @gray-light;
@blockquote-font-size: (@font-size-base * 1.25); @blockquote-font-size: (@font-size-base * 1.25);
@blockquote-border-color: @gray-lighter; @blockquote-border-color: #ededed; // @gray-lighter;
@page-header-border-color: @gray-lighter; @page-header-border-color: #ededed; // @gray-lighter;
// Miscellaneous // Miscellaneous
// ------------------------- // -------------------------
// Hr border color // Hr border color
@hr-border: @gray-lighter; @hr-border: #ededed; // @gray-lighter;
// Horizontal forms & lists // Horizontal forms & lists
@component-offset-horizontal: 180px; @component-offset-horizontal: 180px;

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

@ -54,7 +54,7 @@
vertical-align: bottom; vertical-align: bottom;
line-height: 26px; line-height: 26px;
background: @gray-lighter; background: @background-toolbar;
border-bottom: solid 1px @border-toolbar; border-bottom: solid 1px @border-toolbar;
cursor: move; cursor: move;
@ -241,7 +241,7 @@
width: 5px; width: 5px;
height: 5px; height: 5px;
z-index: 1; z-index: 1;
background: @gray-lighter; background: @background-toolbar;
border: 1px none @border-toolbar; border: 1px none @border-toolbar;
&.left { &.left {

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

@ -8,7 +8,7 @@
width: 260px; width: 260px;
float: left; float: left;
border-right: 1px solid @border-toolbar; border-right: 1px solid @border-toolbar;
background-color: @gray-light; background-color: @background-toolbar;
li { li {
list-style: none; list-style: none;
@ -246,7 +246,7 @@
&:hover, &:hover,
&.over { &.over {
background-color: @gray-light; background-color: @background-toolbar;
} }
.recent-icon { .recent-icon {
@ -299,7 +299,7 @@
&:not(.header-name) { &:not(.header-name) {
&:hover, &:hover,
&.over { &.over {
background-color: @gray-light; background-color: @background-toolbar;
} }
&.selected { &.selected {

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

@ -39,7 +39,7 @@ label {
top:0; top:0;
right: 0; right: 0;
bottom: 0; bottom: 0;
background-color: @gray-light; background-color: @background-toolbar;
overflow: hidden; overflow: hidden;
} }

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

@ -47,7 +47,7 @@
top: 0; top: 0;
position: absolute; position: absolute;
z-index: @zindex-dropdown - 5; z-index: @zindex-dropdown - 5;
background-color: @gray-light; background-color: @background-toolbar;
overflow: hidden; overflow: hidden;
} }

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

@ -3,7 +3,7 @@
.tool-menu-btns { .tool-menu-btns {
position: absolute; position: absolute;
border-left: 1px solid @border-toolbar; border-left: 1px solid @border-toolbar;
background-color: @gray-light; background-color: @background-toolbar;
right: 0; right: 0;
overflow: hidden; overflow: hidden;
} }

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

@ -2,7 +2,7 @@
display: table; display: table;
padding: 2px; padding: 2px;
height: 25px; height: 25px;
background-color: @gray-light; background-color: @background-toolbar;
.box-inner-shadow(0 1px 0 @border-toolbar); .box-inner-shadow(0 1px 0 @border-toolbar);
.status-label { .status-label {

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

@ -29,7 +29,7 @@
right: 0; right: 0;
bottom: 0; bottom: 0;
opacity: 0; opacity: 0;
background-color: @gray-light; background-color: @background-toolbar;
z-index: @zindex-tooltip + 1; z-index: @zindex-tooltip + 1;
} }
@ -238,6 +238,6 @@
#special-paste-container { #special-paste-container {
position: absolute; position: absolute;
z-index: @zindex-dropdown - 20; z-index: @zindex-dropdown - 20;
background-color: @gray-light; background-color: @background-toolbar;
border: 1px solid @border-regular-control; border: 1px solid @border-regular-control;
} }

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

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

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

@ -50,7 +50,7 @@ label {
top:0; top:0;
right: 0; right: 0;
bottom: 0; bottom: 0;
background-color: @gray-light; background-color: @background-toolbar;
overflow: hidden; overflow: hidden;
} }

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

@ -57,7 +57,7 @@
top: 0; top: 0;
position: absolute; position: absolute;
z-index: @zindex-dropdown - 5; z-index: @zindex-dropdown - 5;
background-color: @gray-light; background-color: @background-toolbar;
overflow: hidden; overflow: hidden;
} }
@ -92,7 +92,7 @@
width: 260px; width: 260px;
float: left; float: left;
border-right: 1px solid @border-toolbar; border-right: 1px solid @border-toolbar;
background-color: @gray-light; background-color: @background-toolbar;
li { li {
list-style: none; list-style: none;
@ -313,7 +313,7 @@
&:hover, &:hover,
&.over { &.over {
background-color: @gray-light; background-color: @background-toolbar;
} }
.recent-icon { .recent-icon {
@ -368,7 +368,7 @@
&:not(.header-name) { &:not(.header-name) {
&:hover, &:hover,
&.over { &.over {
background-color: @gray-light; background-color: @background-toolbar;
} }
&.selected { &.selected {

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

@ -3,7 +3,7 @@
.tool-menu-btns { .tool-menu-btns {
position: absolute; position: absolute;
border-left: 1px solid @border-toolbar; border-left: 1px solid @border-toolbar;
background-color: @gray-light; background-color: @background-toolbar;
right: 0; right: 0;
overflow: hidden; overflow: hidden;
} }

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

@ -2,7 +2,7 @@
display: table; display: table;
padding: 2px; padding: 2px;
height: 25px; height: 25px;
background-color: @gray-light; background-color: @background-toolbar;
.box-inner-shadow(0 1px 0 @border-toolbar); .box-inner-shadow(0 1px 0 @border-toolbar);
.status-label { .status-label {

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

@ -131,7 +131,7 @@
#special-paste-container { #special-paste-container {
position: absolute; position: absolute;
z-index: @zindex-dropdown - 20; z-index: @zindex-dropdown - 20;
background-color: @gray-light; background-color: @background-toolbar;
border: 1px solid @border-regular-control; border: 1px solid @border-regular-control;
} }

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

@ -8,7 +8,7 @@
float: left; float: left;
height: 20px; height: 20px;
border-bottom: 1px solid @border-toolbar; border-bottom: 1px solid @border-toolbar;
background-color: @gray-light; background-color: @background-toolbar;
#ce-cell-name { #ce-cell-name {
width: 100px; width: 100px;
@ -31,7 +31,7 @@
display: inline-block; display: inline-block;
position: absolute; position: absolute;
left: 80px; left: 80px;
background-color: @gray-light; background-color: @background-toolbar;
button { button {
background-color: #fff; background-color: #fff;

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

@ -33,7 +33,7 @@ label {
top:0; top:0;
right: 0; right: 0;
bottom: 0; bottom: 0;
background-color: @gray-light; background-color: @background-toolbar;
overflow: hidden; overflow: hidden;
} }

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

@ -57,7 +57,7 @@
top: 0; top: 0;
position: absolute; position: absolute;
z-index: @zindex-dropdown - 5; z-index: @zindex-dropdown - 5;
background-color: @gray-light; background-color: @background-toolbar;
overflow: hidden; overflow: hidden;
} }
@ -92,7 +92,7 @@
width: 260px; width: 260px;
float: left; float: left;
border-right: 1px solid @border-toolbar; border-right: 1px solid @border-toolbar;
background-color: @gray-light; background-color: @background-toolbar;
li { li {
list-style: none; list-style: none;
@ -232,7 +232,7 @@
&:hover, &:hover,
&.over { &.over {
background-color: @gray-light; background-color: @background-toolbar;
} }
&.selected { &.selected {
@ -377,7 +377,7 @@
&:hover, &:hover,
&.over { &.over {
background-color: @gray-light; background-color: @background-toolbar;
} }
.recent-icon { .recent-icon {
@ -432,7 +432,7 @@
&:not(.header-name) { &:not(.header-name) {
&:hover, &:hover,
&.over { &.over {
background-color: @gray-light; background-color: @background-toolbar;
} }
&.selected { &.selected {

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

@ -3,7 +3,7 @@
.tool-menu-btns { .tool-menu-btns {
position: absolute; position: absolute;
border-left: 1px solid @border-toolbar; border-left: 1px solid @border-toolbar;
background-color: @gray-light; background-color: @background-toolbar;
right: 0; right: 0;
overflow: hidden; overflow: hidden;
} }

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

@ -1,7 +1,7 @@
.statusbar { .statusbar {
padding: 0 2px 0; padding: 0 2px 0;
height: 25px; height: 25px;
background-color: @gray-light; background-color: @background-toolbar;
.box-inner-shadow(0 1px 0 @border-toolbar); .box-inner-shadow(0 1px 0 @border-toolbar);
z-index: 500; z-index: 500;
@ -158,7 +158,7 @@
display: flex; display: flex;
> li { > li {
background-color: @gray-light; background-color: @background-toolbar;
&:first-of-type { &:first-of-type {
span { span {
@ -178,7 +178,7 @@
padding: 0 10px 0; padding: 0 10px 0;
line-height: 24px; line-height: 24px;
margin-right: -1px; margin-right: -1px;
background-color: @gray-light; background-color: @background-toolbar;
outline: none; outline: none;
border-left: 1px solid @border-toolbar; border-left: 1px solid @border-toolbar;
border-right: 1px solid @border-toolbar; border-right: 1px solid @border-toolbar;
@ -398,7 +398,7 @@
width: 36px; width: 36px;
height: 100%; height: 100%;
opacity: 0; opacity: 0;
background-color: @gray-light; background-color: @background-toolbar;
z-index: @zindex-modal - 1; z-index: @zindex-modal - 1;
} }

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

@ -144,7 +144,7 @@
#autocorrect-paste-container { #autocorrect-paste-container {
position: absolute; position: absolute;
z-index: @zindex-dropdown - 20; z-index: @zindex-dropdown - 20;
background-color: @gray-light; background-color: @background-toolbar;
border: 1px solid @border-regular-control; border: 1px solid @border-regular-control;
} }