diff --git a/src/app/pages/dashboard/widgets/trafficChart/trafficChart.js b/src/app/pages/dashboard/widgets/trafficChart/trafficChart.js
index 5aa3f0c..1c4b6d0 100644
--- a/src/app/pages/dashboard/widgets/trafficChart/trafficChart.js
+++ b/src/app/pages/dashboard/widgets/trafficChart/trafficChart.js
@@ -40,6 +40,7 @@ blurAdminApp.directive('trafficChart', function () {
 
       var ctx = document.getElementById('chart-area').getContext('2d');
       window.myDoughnut = new Chart(ctx).Doughnut(doughnutData, {
+        segmentShowStroke: false,
         responsive: true,
         legendTemplate: '<ul class="<%=name.toLowerCase()%>-legend clearfix">' +
         '<% for (var i=0; i<segments.length; i++){%>' +
diff --git a/src/assets/css/skins/_02_transparent.scss b/src/assets/css/skins/_02_transparent.scss
index 6799831..36b304c 100644
--- a/src/assets/css/skins/_02_transparent.scss
+++ b/src/assets/css/skins/_02_transparent.scss
@@ -1,6 +1,4 @@
 body.badmin-transparent {
-  .panel, .panel:hover {
-    border-color: rgba(80, 80, 80, 0.5);
-    background-color: rgba(0, 0, 0, 0.5);
-  }
+  @include overrideColors(#fff);
+  @include overridePanelBg(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.9));
 }
\ No newline at end of file
diff --git a/src/assets/css/skins/_04_peachy.scss b/src/assets/css/skins/_04_peachy.scss
index e69de29..ec9b112 100644
--- a/src/assets/css/skins/_04_peachy.scss
+++ b/src/assets/css/skins/_04_peachy.scss
@@ -0,0 +1,6 @@
+body.badmin-peachy {
+  background-image: url(../img/peachy-bg.jpg);
+  .page-top {
+    background-color: rgba(0,0,0,.5);
+  }
+}
\ No newline at end of file
diff --git a/src/assets/css/skins/_05_material.scss b/src/assets/css/skins/_05_material.scss
index e69de29..6169644 100644
--- a/src/assets/css/skins/_05_material.scss
+++ b/src/assets/css/skins/_05_material.scss
@@ -0,0 +1,3 @@
+body.badmin-material {
+  background: #039be6;
+}
\ No newline at end of file
diff --git a/src/assets/css/skins/_06_transblue.scss b/src/assets/css/skins/_06_transblue.scss
index 1e96468..52e4092 100644
--- a/src/assets/css/skins/_06_transblue.scss
+++ b/src/assets/css/skins/_06_transblue.scss
@@ -5,8 +5,6 @@ body.badmin-transblue {
     background-color: rgba(0,0,0,.5);
   }
 
-  .panel, .panel:hover {
-    border-color: rgba(80, 80, 80, 0.5);
-    background-color: rgba(0, 0, 0, 0.5);
-  }
+  @include overrideColors(#fff);
+  @include overridePanelBg(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.9));
 }
\ No newline at end of file
diff --git a/src/assets/css/skins/skins.scss b/src/assets/css/skins/skins.scss
index 08b25ef..5cca13f 100644
--- a/src/assets/css/skins/skins.scss
+++ b/src/assets/css/skins/skins.scss
@@ -1,3 +1,32 @@
+@mixin overrideColors($color) {
+  color: $color;
+
+  p,.pie-charts,.panel-heading>.dropdown .dropdown-toggle, .panel-title, .panel-title>.small, .panel-title>.small>a, .panel-title>a, .panel-title>small, .panel-title>small>a,.traffic-text span {
+    color: $color;
+  }
+  .traffic-text {
+    color: $warning;
+  }
+  .feed-message .message-time, .text-muted {
+    color: darken($color, 20);
+  }
+}
+
+@mixin overridePanelBg($color, $borderColor, $dropdownColor) {
+  .panel, .panel:hover {
+    border-color: $borderColor;
+    background-color: $color;
+  }
+
+  .progress {
+    background: $color;
+  }
+
+  .dropdown-menu {
+    background-color: $dropdownColor;
+  }
+}
+
 @import '02_transparent';
 @import '03_blue';
 @import '04_peachy';
diff --git a/src/assets/img/peachy-bg.jpg b/src/assets/img/peachy-bg.jpg
new file mode 100644
index 0000000..ea23b47
Binary files /dev/null and b/src/assets/img/peachy-bg.jpg differ