From 798bd9d6c93a14c748ed57b4db1dc2228ab63603 Mon Sep 17 00:00:00 2001
From: Sami Mokaddem <mokaddem.sami@gmail.com>
Date: Mon, 6 Nov 2017 16:09:29 +0100
Subject: [PATCH] Changed UI color style

---
 static/css/ranking.css |  5 +++++
 static/js/contrib.js   |  8 ++++----
 templates/contrib.html | 12 ++++++------
 3 files changed, 15 insertions(+), 10 deletions(-)

diff --git a/static/css/ranking.css b/static/css/ranking.css
index e63626d..209bb2f 100644
--- a/static/css/ranking.css
+++ b/static/css/ranking.css
@@ -3,6 +3,11 @@
     height: auto;
 }
 
+.infoBlue {
+    background-color: #719bc0 !important;
+    color: white;
+}
+
 .centerInBtn {
     float: left;
     text-align: center;
diff --git a/static/js/contrib.js b/static/js/contrib.js
index cf3a655..6e12052 100644
--- a/static/js/contrib.js
+++ b/static/js/contrib.js
@@ -269,19 +269,19 @@ function updateProgressHeader(org) {
         // update color in other dataTables
         datatableTop.rows().every( function() {
             var row = this.node();
-            if(this.data()[3] == data.org) { row.classList.add('info'); } else { row.classList.remove('info'); }
+            if(this.data()[3] == data.org) { row.classList.add('infoBlue'); } else { row.classList.remove('info'); }
         });
         datatableFame.rows().every( function() {
             var row = this.node();
-            if(this.data()[3] == data.org) { row.classList.add('info'); } else { row.classList.remove('info'); }
+            if(this.data()[3] == data.org) { row.classList.add('infoBlue'); } else { row.classList.remove('info'); }
         });
         datatableCateg.rows().every( function() {
             var row = this.node();
-            if(this.data()[3] == data.org) { row.classList.add('info'); } else { row.classList.remove('info'); }
+            if(this.data()[3] == data.org) { row.classList.add('infoBlue'); } else { row.classList.remove('info'); }
         });
         datatableLast.rows().every( function() {
             var row = this.node();
-            if(this.data()[3] == data.org) { row.classList.add('info'); } else { row.classList.remove('info'); }
+            if(this.data()[3] == data.org) { row.classList.add('infoBlue'); } else { row.classList.remove('info'); }
         });
     });
 }
diff --git a/templates/contrib.html b/templates/contrib.html
index c1f8dee..ac85920 100644
--- a/templates/contrib.html
+++ b/templates/contrib.html
@@ -62,7 +62,7 @@
                         <label class="checkbox-inline" style="font-weight: bold; position: relative; top: -30%; left:10%">
                             <input id="reloadCheckbox" type="checkbox" style="top: -2px;" checked>Auto reload
                         </label>
-                        <label id='labelRemainingTime' style="font-weight: bold; position: relative; left: -38%; bottom: -30%;"></label>
+                        <label id='labelRemainingTime' style="font-weight: bold; font-size: medium; position: relative; left: -38%; bottom: -30%;  color: #f0ad4e;"></label>
                     </div>
                 </div>
                 <div id="ledsHolder" style="float: right; height: 50px;">
@@ -99,7 +99,7 @@
                             <div class="col-lg-8">
                                 <div class="panel panel-default" style="height: 100%;">
                                     <div class="panel-heading bg-info" style="font-weight: bold;">
-                                        <i class="fa fa-asterisk " style="margin-right: 5px;"></i><b>Contributor Ranking</b>
+                                        <i class="fa fa-asterisk " style="margin-right: 5px; color: #f0ad4e;"></i><b>Contributor Ranking</b>
                                     </div>
                                     <div id="panelRanking" class="panel-body" style="height: 100%;">
 
@@ -126,7 +126,7 @@
                             <div class="col-lg-4">
                                 <div class="panel panel-default" style="height: 100%;">
                                     <div class="panel-heading bg-info" style="font-weight: bold;">
-                                        <i class="glyphicon glyphicon-fire " style="margin-right: 5px;"></i><b>Last contributors (24h)</b>
+                                        <i class="glyphicon glyphicon-fire " style="margin-right: 5px; color: #d9534f;"></i><b>Last contributors (24h)</b>
                                     </div>
                                     <div id="panellast" class="panel-body" style="height: 100%;">
 
@@ -153,7 +153,7 @@
                             <div class="col-lg-12">
                                 <div class="panel panel-default" style="height: 100%;">
                                     <div class="panel-heading bg-info" style="font-weight: bold;">
-                                        <i class="fa fa-th-list " style="margin-right: 5px;"></i><b>Contributors and Categories</b>
+                                        <i class="fa fa-th-list " style="margin-right: 5px; color: #f0ad4e;"></i><b>Contributors and Categories</b>
                                     </div>
                                     <div id="panelRanking" class="panel-body" style="height: 100%;">
 
@@ -188,7 +188,7 @@
 
                             <div class="panel panel-default" style="height: 100%;">
                                 <div class="panel-heading bg-info" style="font-weight: bold;">
-                                    <i class="fa fa-star-o" style="margin-right: 5px;"></i><b>Hall Of Fame</b>
+                                    <i class="fa fa-star" style="margin-right: 5px; color: #f0ad4e;"></i><b>Hall Of Fame</b>
                                 </div>
                                 <div id="panelRanking" class="panel-body" style="height: 100%;">
 
@@ -213,7 +213,7 @@
 
                             <div class="panel panel-default" style="height: 100%;">
                                 <div class="panel-heading bg-info" style="font-weight: bold;">
-                                    <i class="fa fa-line-chart" style="margin-right: 5px;"></i><b>Top 5 Contributor overtime</b>
+                                    <i class="fa fa-line-chart" style="margin-right: 5px; color: #f0ad4e;"></i><b>Top 5 Contributor overtime</b>
                                 </div>
                                 <div id="panelRanking" class="panel-body" style="height: 100%;">
                                     <div id="divTop5Overtime" style="height: 32vh"></div>