3 files changed, 49 insertions, 9 deletions
diff --git a/sonar-server/src/main/less/dashboard.less b/sonar-server/src/main/less/dashboard.less
index e4c284818f6..7d1dcade6fe 100644
--- a/sonar-server/src/main/less/dashboard.less
+++ b/sonar-server/src/main/less/dashboard.less
@@ -333,6 +333,10 @@
   font-weight: 300;
 }
 
+.widget-number {
+  color: @darkBlue;
+}
+
 .widget-big {
   line-height: 1.5;
   font-size: 24px;
@@ -349,10 +353,17 @@
   display: inline-block;
   vertical-align: top;
   margin: 0 15px 10px 0;
+
+  .widget-link, .widget-number { .widget-medium; }
 }
 
 .widget-measure-main {
   display: block;
+
+  .widget-link, .widget-number { .widget-big; }
+  .widget-label {
+    text-transform: uppercase;
+  }
 }
 
 .widget-measure-container {
@@ -387,21 +398,18 @@
 .widget-histogram-line-label,
 .widget-histogram-line-value {
   font-size: @smallFontSize;
-  font-weight: 300;
 }
 
 .widget-histogram-line-label {
-  width: 60px;
-  margin-right: 8px;
-  overflow: hidden;
-  text-align: right;
-  text-overflow: ellipsis;
-  white-space: nowrap;
+  margin-left: 5px;
+  font-weight: 300;
 }
 
 .widget-histogram-line-value {
   margin-left: 5px;
 
+  &:before { content: "("; font-weight: 300; }
+  &:after { content: ")"; font-weight: 300; }
 }
 
 .widget-histogram-line-bar {
diff --git a/sonar-server/src/main/less/style.less b/sonar-server/src/main/less/style.less
index 1a0a7344a8b..e0247c0332c 100644
--- a/sonar-server/src/main/less/style.less
+++ b/sonar-server/src/main/less/style.less
@@ -1506,7 +1506,7 @@ span.empty_widget {
   h3 {
     color: @secondFontColor;
     font-size: @smallFontSize;
-    font-weight: normal;
+    font-weight: 300;
   }
 
   a { .widget-link; }
diff --git a/sonar-server/src/main/less/ui.less b/sonar-server/src/main/less/ui.less
index 98c5718a841..b4e9b7df9af 100644
--- a/sonar-server/src/main/less/ui.less
+++ b/sonar-server/src/main/less/ui.less
@@ -1,12 +1,44 @@
 @import "variables";
 @import "mixins";
 
+@font-face {
+  font-family: 'Roboto';
+  font-style: normal;
+  font-weight: 300;
+  src: url('../fonts/roboto-light.woff') format('woff');
+}
+@font-face {
+  font-family: 'Roboto';
+  font-style: normal;
+  font-weight: 400;
+  src: url('../fonts/roboto-normal.woff') format('woff');
+}
+@font-face {
+  font-family: 'Roboto';
+  font-style: normal;
+  font-weight: 500;
+  src: url('../fonts/roboto-medium.woff') format('woff');
+}
+@font-face {
+  font-family: 'Roboto';
+  font-style: normal;
+  font-weight: 700;
+  src: url('../fonts/roboto-bold.woff') format('woff');
+}
+
 body {
-  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
+  font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
 }
 
 
 /*
+ * Common
+ */
+
+.nowrap { white-space: nowrap; }
+
+
+/*
  * Links
  */