banananetwork
/
roundcubemail
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Elastic: Improve ui messages' colors, make loading message dark again

Browse Source
pull/6528/head
Aleksander Machniak 6 years ago
parent 725a531420
commit 356e6c09f7
2 changed files with 23 additions and 15 deletions
Show Stats Download Patch File Download Diff File

17
skins/elastic/styles/colors.less
Unescape Escape View File

@ -21,7 +21,7 @@
@color-warning: #ffd452; @color-warning: #ffd452;
@color-link-secondary: lighten(@color-font, 60%); @color-link-secondary: lighten(@color-font, 60%);
@color-black-shade-text: lighten(@color-black, 35%); @color-black-shade-text: tint(@color-black, 40%);
@color-black-shade-border: lighten(@color-black, 75%); @color-black-shade-border: lighten(@color-black, 75%);
@color-black-shade-bg: lighten(@color-black, 85%); @color-black-shade-bg: lighten(@color-black, 85%);
@ -104,15 +104,20 @@
@color-message-border: rgba(0, 0, 0, 0.15); @color-message-border: rgba(0, 0, 0, 0.15);
@color-message-background: fadeout(@color-main, 95%); @color-message-background: fadeout(@color-main, 95%);
@color-message-link: @color-main; @color-message-link: @color-main;
@color-message-link-font-weight: normal;
@color-message-information: @color-main; @color-message-information: @color-main;
@color-message-success: @color-success; @color-message-success: @color-success;
@color-message-warning: @color-warning; @color-message-warning: @color-warning;
@color-message-error: @color-error; @color-message-error: @color-error;
@color-message-loading: #333; @color-message-loading: @color-taskmenu-background;
@color-message-error-background: fadeout(@color-message-error, 85%); @color-message-error-box: @color-message;
@color-message-information-background: fadeout(@color-message-information, 85%); @color-message-information-box: @color-message;
@color-message-success-background: fadeout(@color-message-success, 85%); @color-message-success-box: @color-message;
@color-message-warning-background: fadeout(#ffff66, 75%); @color-message-warning-box: @color-message;
@color-message-error-box-background: fadeout(@color-message-error, 85%);
@color-message-information-box-background: fadeout(@color-message-information, 85%);
@color-message-success-box-background: fadeout(@color-message-success, 85%);
@color-message-warning-box-background: fadeout(#ffff66, 75%);
// Popovers (menus) // Popovers (menus)

21
skins/elastic/styles/widgets/messages.less
Unescape Escape View File

@ -103,7 +103,7 @@
a:not(.btn) { a:not(.btn) {
color: @color-message-link; color: @color-message-link;
font-weight: normal; font-weight: @color-message-link-font-weight;
} }
h3 { h3 {
@ -135,19 +135,23 @@
} }
&.boxerror { &.boxerror {
background-color: @color-message-error-background; background-color: @color-message-error-box-background;
& when not(@color-message-error-box = @color-message) { color: @color-message-error-box; }
} }
&.boxinformation { &.boxinformation {
background-color: @color-message-information-background; background-color: @color-message-information-box-background;
& when not(@color-message-information-box = @color-message) { color: @color-message-information-box; }
} }
&.boxconfirmation { &.boxconfirmation {
background-color: @color-message-success-background; background-color: @color-message-success-box-background;
& when not(@color-message-error-box = @color-message) { color: @color-message-error-box; }
} }
&.boxwarning { &.boxwarning {
background-color: @color-message-warning-background; background-color: @color-message-warning-box-background;
& when not(@color-message-warning-box = @color-message) { color: @color-message-warning-box; }
} }
& + table { & + table {
@ -185,12 +189,11 @@
} }
.loading { .loading {
background-color: @color-list-selected-background; background-color: @color-message-loading;
border-color: @color-main; color: #fff;
color: @color-main;
& > i.icon:before { & > i.icon:before {
color: @color-main; color: #fff;
} }
} }

Write Preview
Loading…
Cancel
Save