com;js : colored important flash message

browser/css/dark.css

@@ -763,25 +763,18 @@ span.logo {
   background: #3d24b6;
   background: -moz-linear-gradient(left, #3d24b6 0%, #2448b5 10%, #2487b8 20%, #24b7ab 30%, #24b86e 40%, #24b730 50%, #55b824 60%, #92b724 70%, #b89f24 80%, #b25f23 90%, #b82424 100%);
   /* FF3.6+ */
-
   background: -webkit-gradient(linear, left top, right top, color-stop(0%, #3d24b6), color-stop(10%, #2448b5), color-stop(20%, #2487b8), color-stop(30%, #24b7ab), color-stop(40%, #24b86e), color-stop(50%, #24b730), color-stop(60%, #55b824), color-stop(70%, #92b724), color-stop(80%, #b89f24), color-stop(90%, #b25f23), color-stop(100%, #b82424));
   /* Chrome,Safari4+ */
-
   background: -webkit-linear-gradient(left, #3d24b6 0%, #2448b5 10%, #2487b8 20%, #24b7ab 30%, #24b86e 40%, #24b730 50%, #55b824 60%, #92b724 70%, #b89f24 80%, #b25f23 90%, #b82424 100%);
   /* Chrome10+,Safari5.1+ */
-
   background: -o-linear-gradient(left, #3d24b6 0%, #2448b5 10%, #2487b8 20%, #24b7ab 30%, #24b86e 40%, #24b730 50%, #55b824 60%, #92b724 70%, #b89f24 80%, #b25f23 90%, #b82424 100%);
   /* Opera 11.10+ */
-
   background: -ms-linear-gradient(left, #3d24b6 0%, #2448b5 10%, #2487b8 20%, #24b7ab 30%, #24b86e 40%, #24b730 50%, #55b824 60%, #92b724 70%, #b89f24 80%, #b25f23 90%, #b82424 100%);
   /* IE10+ */
-
   background: linear-gradient(to right, #3d24b6 0%, #2448b5 10%, #2487b8 20%, #24b7ab 30%, #24b86e 40%, #24b730 50%, #55b824 60%, #92b724 70%, #b89f24 80%, #b25f23 90%, #b82424 100%);
   /* W3C */
-
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d24b6', endColorstr='#b82424', GradientType=1);
   /* IE6-9 */
-
   width: 180px;
   height: 16px;
   display: inline-block;
@@ -1094,6 +1087,11 @@ span.logo {
   background: #000000;
   border-color: #333333;
   z-index: 10;
+  -webkit-transition: background 1s linear;
+  -moz-transition: background 1s linear;
+  -ms-transition: background 1s linear;
+  -o-transition: background 1s linear;
+  transition: background 1s linear;
 }
 .log_0,
 .log_1,
@@ -1111,11 +1109,13 @@ span.logo {
 .flash_1,
 .log_1 {
   font-weight: bold;
+  background-color: darkgreen;
 }
 .flash_2,
 .log_2 {
   font-weight: bold;
   border-color: darkred;
+  background-color: darkred;
 }
 select > option:hover {
   background-color: #333333;

browser/css/light.css

@@ -763,25 +763,18 @@ span.logo {
   background: #3d24b6;
   background: -moz-linear-gradient(left, #3d24b6 0%, #2448b5 10%, #2487b8 20%, #24b7ab 30%, #24b86e 40%, #24b730 50%, #55b824 60%, #92b724 70%, #b89f24 80%, #b25f23 90%, #b82424 100%);
   /* FF3.6+ */
-
   background: -webkit-gradient(linear, left top, right top, color-stop(0%, #3d24b6), color-stop(10%, #2448b5), color-stop(20%, #2487b8), color-stop(30%, #24b7ab), color-stop(40%, #24b86e), color-stop(50%, #24b730), color-stop(60%, #55b824), color-stop(70%, #92b724), color-stop(80%, #b89f24), color-stop(90%, #b25f23), color-stop(100%, #b82424));
   /* Chrome,Safari4+ */
-
   background: -webkit-linear-gradient(left, #3d24b6 0%, #2448b5 10%, #2487b8 20%, #24b7ab 30%, #24b86e 40%, #24b730 50%, #55b824 60%, #92b724 70%, #b89f24 80%, #b25f23 90%, #b82424 100%);
   /* Chrome10+,Safari5.1+ */
-
   background: -o-linear-gradient(left, #3d24b6 0%, #2448b5 10%, #2487b8 20%, #24b7ab 30%, #24b86e 40%, #24b730 50%, #55b824 60%, #92b724 70%, #b89f24 80%, #b25f23 90%, #b82424 100%);
   /* Opera 11.10+ */
-
   background: -ms-linear-gradient(left, #3d24b6 0%, #2448b5 10%, #2487b8 20%, #24b7ab 30%, #24b86e 40%, #24b730 50%, #55b824 60%, #92b724 70%, #b89f24 80%, #b25f23 90%, #b82424 100%);
   /* IE10+ */
-
   background: linear-gradient(to right, #3d24b6 0%, #2448b5 10%, #2487b8 20%, #24b7ab 30%, #24b86e 40%, #24b730 50%, #55b824 60%, #92b724 70%, #b89f24 80%, #b25f23 90%, #b82424 100%);
   /* W3C */
-
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d24b6', endColorstr='#b82424', GradientType=1);
   /* IE6-9 */
-
   width: 180px;
   height: 16px;
   display: inline-block;
@@ -1094,6 +1087,11 @@ span.logo {
   background: #ffffff;
   border-color: #cccccc;
   z-index: 10;
+  -webkit-transition: background 1s linear;
+  -moz-transition: background 1s linear;
+  -ms-transition: background 1s linear;
+  -o-transition: background 1s linear;
+  transition: background 1s linear;
 }
 .log_0,
 .log_1,
@@ -1111,11 +1109,13 @@ span.logo {
 .flash_1,
 .log_1 {
   font-weight: bold;
+  background-color: darkgreen;
 }
 .flash_2,
 .log_2 {
   font-weight: bold;
   border-color: darkred;
+  background-color: darkred;
 }
 select > option:hover {
   background-color: #cccccc;

browser/css/vidjil.less

@@ -1246,7 +1246,12 @@ span.logo
     margin: 5px;
     background: @background;
     border-color: @border;
-    z-index: 10
+    z-index: 10;
+    -webkit-transition: background 1s linear;
+    -moz-transition: background 1s linear;
+    -ms-transition: background 1s linear;
+    -o-transition: background 1s linear;
+    transition: background 1s linear;
 }
 
 .log_0, .log_1, .log_2 {
@@ -1263,11 +1268,13 @@ span.logo
 
 .flash_1, .log_1 {
     font-weight: bold;
+    background-color: darkgreen;
 }
 
 .flash_2, .log_2 {
     font-weight: bold;
     border-color: darkred;
+    background-color: darkred;
 }
 
 select>option:hover {

browser/js/com.js

@@ -44,6 +44,8 @@ Com.prototype = {
             }).appendTo("#"+this.flash_id)
             .slideDown(200);
             
+            div.css("background-color", $("#top-container").css("background-color") )
+            
             setTimeout(function(){
                 div.fadeOut('slow', function() { div.remove();});
             }, 5000);