Small improvements

skins/elastic/styles/colors.less

@@ -97,7 +97,7 @@
 // Messages
 @color-message:                     @color-font;
 @color-message-border:              rgba(0, 0, 0, 0.15);
-@color-message-background:          #f8fafb;
+@color-message-background:          fadeout(@color-main, 95%);
 @color-message-link:                @color-main;
 @color-message-information:         @color-main;
 @color-message-success:             @color-success;

skins/elastic/styles/widgets/common.less

@@ -100,6 +100,7 @@ p.image-attachment {
     position: relative;
     border: 1px solid @color-border;
     border-radius: .3rem;
+    background-color: @color-message-background;
     float: left;
     margin: .5rem;
     min-width: 47%;
@@ -134,7 +135,6 @@ p.image-attachment {
         top: 0;
         right: 0;
         padding-right: 4rem;
-        background-color: @color-message-background;
     }
 
     .image-filesize {

skins/elastic/styles/widgets/lists.less

@@ -935,6 +935,7 @@ html.touch {
 
         .attachment-name {
             .overflow-ellipsis;
+            color: @color-font;
         }
 
         .attachment-size {

skins/elastic/styles/widgets/mail.less

@@ -52,7 +52,6 @@
 
         div.header-links {
             a {
-                color: @color-link-secondary;
                 font-size: 90%;
                 margin-right: .5rem;
                 text-decoration: none;
@@ -99,6 +98,12 @@
     }
 }
 
+#message-content {
+    .attachmentslist:not(:empty) {
+        margin-bottom: 1rem;
+    }
+}
+
 #messagebody {
     // TODO
 

skins/elastic/styles/widgets/messages.less

@@ -43,7 +43,7 @@
 
     & > i.icon {
         line-height: 1;
-        color: @color-message-information;
+        color: lighten(@color-black, 25%);
         margin: auto 0;
     }
 
@@ -59,7 +59,6 @@
         & > i.icon:before {
             content: @fa-var-circle-notch;
             .animated-icon-class;
-            color: @color-message-loading;
             width: 1em;
         }
     }
@@ -129,7 +128,7 @@
     }
 
     &.boxinformation {
-        background-color: @color-message-information-background;
+        background-color: @color-message-background;
     }
 
     &.boxwarning {
@@ -172,7 +171,7 @@
         color: @color-main;
 
         & > i.icon:before {
-            color: inherit;
+            color: @color-main;
         }
     }