Elastic: Small color improvements

pull/6277/merge
Aleksander Machniak 7 years ago
parent 02c0072706
commit e44308693c

@ -28,6 +28,7 @@
// Layout elements // Layout elements
@color-layout-border: @color-black-shade-border; @color-layout-border: @color-black-shade-border;
@color-layout-header: @color-font;
@color-layout-sidebar-background: #fff; @color-layout-sidebar-background: #fff;
@color-layout-list-background: #fff; @color-layout-list-background: #fff;
@color-layout-content-background: #fff; @color-layout-content-background: #fff;
@ -108,9 +109,9 @@
@color-message-error: @color-error; @color-message-error: @color-error;
@color-message-loading: #333; @color-message-loading: #333;
@color-message-shadow: @color-black-shade-bg; @color-message-shadow: @color-black-shade-bg;
@color-message-error-background: fadeout(@color-message-error, 95%); @color-message-error-background: fadeout(@color-message-error, 85%);
@color-message-information-background: fadeout(@color-message-information, 95%); @color-message-information-background: fadeout(@color-message-information, 85%);
@color-message-success-background: fadeout(@color-message-success, 95%); @color-message-success-background: fadeout(@color-message-success, 85%);
@color-message-warning-background: fadeout(#ffff66, 75%); @color-message-warning-background: fadeout(#ffff66, 75%);
@ -126,7 +127,7 @@
// Dialogs // Dialogs
@color-dialog-overlay-background: fade(@color-font, 50%); @color-dialog-overlay-background: fade(@color-font, 50%);
@color-dialog-header: @color-font; @color-dialog-header: @color-layout-header;
@color-dialog-header-border: @color-border; @color-dialog-header-border: @color-border;
@ -162,7 +163,7 @@
@color-btn-danger: #fff; @color-btn-danger: #fff;
@color-btn-danger-background: @color-error; @color-btn-danger-background: @color-error;
@color-quota-background: @color-black-shade-border; @color-quota-background: @color-black-shade-bg;
@color-quota-text: @color-black-shade-text; @color-quota-text: @color-black-shade-text;
@color-quota-value: @color-main; @color-quota-value: @color-main;
@color-quota-value-warning: @color-error; @color-quota-value-warning: @color-error;

@ -133,6 +133,7 @@ body > #layout {
& > .header { & > .header {
border-bottom: 1px solid @color-layout-border; border-bottom: 1px solid @color-layout-border;
color: @color-layout-header;
.header-title { .header-title {
.overflow-ellipsis; .overflow-ellipsis;

@ -205,8 +205,8 @@
padding: .5rem 0; padding: .5rem 0;
margin: .5rem 0 0 0; margin: .5rem 0 0 0;
font-size: 90%; font-size: 90%;
border-top: 1px solid lighten(@color-mail-headers, 50%); border-top: 1px solid @color-list-border;
border-bottom: 1px solid lighten(@color-mail-headers, 50%); border-bottom: 1px solid @color-list-border;
color: @color-mail-headers; color: @color-mail-headers;
.header-title { .header-title {

@ -139,7 +139,7 @@
} }
&.boxinformation { &.boxinformation {
background-color: @color-message-background; background-color: @color-message-information-background;
} }
&.boxconfirmation { &.boxconfirmation {

@ -738,4 +738,8 @@ html.ie11 .toolbar .dropbutton a.dropdown:before {
flex-grow: 1; flex-grow: 1;
} }
} }
.toolbar.listing a {
color: @color-font;
}
} }

Loading…
Cancel
Save