Treemap colors
authorChloe Laisne <chloe.laisne@gmail.com>
Tue, 18 Oct 2016 19:46:23 +0530
changeset 359 6274a5fdd348
parent 357 e3b168fa7513
child 360 d592af4a27a0
Treemap colors
cms/app-client/app/components/visu-langues.js
cms/app-client/app/styles/tabs/langues.scss
--- a/cms/app-client/app/components/visu-langues.js	Tue Oct 18 18:46:45 2016 +0530
+++ b/cms/app-client/app/components/visu-langues.js	Tue Oct 18 19:46:23 2016 +0530
@@ -150,9 +150,9 @@
                 var dMax = Math.max.apply(null, d._children.map(function(d){ return d.count; }));
 
                 function shade(d) {
-                    var color = "#becfd4";
+                    var color = "#777777";
                     var aColor = hexadecimalToInteger(color);
-                    var solidColor = "#71848d";
+                    var solidColor = "#333333";
                     var aSolidColor = hexadecimalToInteger(solidColor);
                     var aFillColor = [];
                     for(var i = 0; i < 3; i++) {
--- a/cms/app-client/app/styles/tabs/langues.scss	Tue Oct 18 18:46:45 2016 +0530
+++ b/cms/app-client/app/styles/tabs/langues.scss	Tue Oct 18 19:46:23 2016 +0530
@@ -11,17 +11,17 @@
 #tabs-langues .breadcrumbs:hover,
 #tabs-langues .node:hover,
 #tabs-langues .node.selected {
-	background-color: $medium-blue!important;
-	color: $light-blue!important;
+	background-color: $corpus-blue!important;
+	color: $corpus-white!important;
 }
 
 #tabs-langues .breadcrumbs {
-	background-color: $medium-white;
-    color: $medium-blue;
+	background-color: $corpus-white;
+    color: $corpus-black;
     position: relative;
 	line-height: 30px;
 	padding: 0 10px;
-	border-bottom: 1px solid $medium-blue;
+	border-bottom: 1px solid $corpus-white;
 	box-sizing: border-box;
 }
 
@@ -49,12 +49,11 @@
 	position: absolute;
 	margin: 0;
 	padding: 0;
-	border-left: 1px solid $dark-grey;
-	border-bottom: 1px solid $dark-grey;
+	border-left: 1px solid $corpus-white;
+	border-bottom: 1px solid $corpus-white;
 	padding: 10px;
 	box-sizing: border-box;
-	background-color: $medium-white;
-	color: $light-white;
+	color: $corpus-white;
 }
 
 #tabs-langues .node:hover {