[all] fixed some components according to theme
This commit is contained in:
parent
f8920bd84a
commit
54f496f250
|
@ -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%);
|
||||
|
|
|
@ -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%);
|
||||
|
|
|
@ -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);
|
||||
|
|
|
@ -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);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
@ -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;
|
||||
|
|
Loading…
Reference in a new issue