[all] fixed some components according to theme

This commit is contained in:
Maxim Kadushkin 2021-03-14 00:21:18 +03:00
parent f8920bd84a
commit 54f496f250
5 changed files with 14 additions and 4 deletions

View file

@ -28,6 +28,7 @@
--border-divider: #505050;
--border-regular-control: #666666;
--border-toolbar-button-hover: #5a5a5a;
--border-preview-hover: #e0e0e0;
--border-preview-select: #666666;
--border-control-focus: #ccc;
--border-color-shading: fade(#fff, 5%);

View file

@ -26,6 +26,7 @@
@border-divider-ie: #dfdfdf;
@border-regular-control-ie: #c0c0c0;
@border-toolbar-button-hover-ie: #e0e0e0;
@border-preview-hover-ie: #cfcfcf;
@border-preview-select-ie: #aaa;
@border-control-focus-ie: #848484;
@border-color-shading-ie: fade(#000, 10%);

View file

@ -38,6 +38,7 @@
--border-divider: #dfdfdf;
--border-regular-control: #c0c0c0;
--border-toolbar-button-hover: #e0e0e0;
--border-preview-hover: #cfcfcf;
--border-preview-select: #aaa;
--border-control-focus: #848484;
--border-color-shading: fade(#000, 10%);
@ -153,6 +154,7 @@
@border-divider: var(--border-divider);
@border-regular-control: var(--border-regular-control);
@border-toolbar-button-hover: var(--border-toolbar-button-hover);
@border-preview-hover: var(--border-preview-hover);
@border-preview-select: var(--border-preview-select);
@border-control-focus: var(--border-control-focus);
@border-color-shading: var(--border-color-shading);

View file

@ -106,8 +106,8 @@
&:hover {
.box-inner-shadow(0 0 0 2px @border-regular-control-ie);
.box-inner-shadow(0 0 0 @scaled-two-px-value @border-regular-control);
.box-inner-shadow(0 0 0 2px @border-preview-hover-ie);
.box-inner-shadow(0 0 0 @scaled-two-px-value @border-preview-hover);
}
&.selected {
@ -268,8 +268,8 @@
.item {
&:hover {
.box-shadow(0 0 0 @scaled-one-px-value-ie @border-regular-control-ie);
.box-shadow(0 0 0 @scaled-one-px-value @border-regular-control);
.box-shadow(0 0 0 @scaled-one-px-value-ie @border-preview-hover-ie);
.box-shadow(0 0 0 @scaled-one-px-value @border-preview-hover);
}
}

View file

@ -104,6 +104,9 @@
&:hover,
.hover {
background-color: @background-toolbar-additional-ie;
background-color: @background-toolbar-additional;
.ps-scrollbar-y {
&.always-visible-y {
background-color: @border-regular-control-ie;
@ -114,6 +117,9 @@
}
&.in-scrolling {
background-color: @background-toolbar-additional-ie;
background-color: @background-toolbar-additional;
.ps-scrollbar-y {
&.always-visible-y {
background-color: @border-regular-control-ie;