[dark theme] changed some elements

This commit is contained in:
Maxim Kadushkin 2021-02-07 00:31:35 +03:00
parent 3f228da263
commit 9e36276e3e
5 changed files with 28 additions and 7 deletions

View file

@ -739,7 +739,7 @@
&.active:not(.disabled) { &.active:not(.disabled) {
background-color: @highlight-button-pressed !important; background-color: @highlight-button-pressed !important;
border-color: @highlight-button-pressed; border-color: @highlight-button-pressed;
color: white; color: @text-normal-pressed;
} }
&[disabled], &[disabled],

View file

@ -60,14 +60,19 @@ textarea {
background-position: 0 0; background-position: 0 0;
button.over & { button.over & {
background-position: -28px 0; //background-position: -28px 0;
} }
.btn-group.open &, .btn-group.open &,
button.active:not(.disabled) &, button.active:not(.disabled) &,
button:active:not(.disabled) & button:active:not(.disabled) &
{ {
background-position: -56px 0; //background-position: -56px 0;
}
// TODO: not good, must be controled by variable
.theme-dark & {
background-position-x: -56px;
} }
} }
@ -75,13 +80,18 @@ textarea {
background-position: 0 -16px; background-position: 0 -16px;
button.over & { button.over & {
background-position: -28px -16px; //background-position: -28px -16px;
} }
.btn-group.open &, .btn-group.open &,
button.active:not(.disabled) &, button.active:not(.disabled) &,
button:active:not(.disabled) & button:active:not(.disabled) &
{ {
background-position: -56px -16px; //background-position: -56px -16px;
}
// TODO: not good, must be controled by variable
.theme-dark & {
background-position-x: -56px;
} }
} }

View file

@ -26,7 +26,7 @@
&:hover, &:hover,
&.selected { &.selected {
.box-shadow(0 0 0 2px @highlight-button-pressed); .box-shadow(0 0 0 2px @border-preview-select);
} }
} }

View file

@ -40,7 +40,12 @@
.button-normal-icon(btn-drop-none, 7, @x-huge-icon-size, @button-huge-normal-icon-offset-x); .button-normal-icon(btn-drop-none, 7, @x-huge-icon-size, @button-huge-normal-icon-offset-x);
.button-normal-icon(btn-drop-text, 8, @x-huge-icon-size, @button-huge-normal-icon-offset-x); .button-normal-icon(btn-drop-text, 8, @x-huge-icon-size, @button-huge-normal-icon-offset-x);
.button-normal-icon(btn-drop-margin, 9, @x-huge-icon-size, @button-huge-normal-icon-offset-x); .button-normal-icon(btn-drop-margin, 9, @x-huge-icon-size, @button-huge-normal-icon-offset-x);
.button-otherstates-icon(icon-advanced-wrap, @x-huge-icon-size); //.button-otherstates-icon(icon-advanced-wrap, @x-huge-icon-size);
.icon-advanced-wrap {
.theme-dark & {
background-position-x: -45px;
}
}
.combo-arrow-style { .combo-arrow-style {
.form-control { .form-control {

View file

@ -136,4 +136,10 @@
#slot-field-zoom { #slot-field-zoom {
float: left; float: left;
min-width: 46px; min-width: 46px;
}
.combo-styles {
.view, .dropdown-menu {
background-color: @canvas-content-background;
}
} }