diff --git a/UI/AddSeries/RootFolders/Model.js b/UI/AddSeries/RootFolders/Model.js
index 0402e4008..13e20a7f0 100644
--- a/UI/AddSeries/RootFolders/Model.js
+++ b/UI/AddSeries/RootFolders/Model.js
@@ -1,8 +1,7 @@
 'use strict';
 define(
     [
-        'backbone',
-        'sugar'
+        'backbone'
     ], function (Backbone) {
         return Backbone.Model.extend({
             defaults: {
diff --git a/UI/Content/theme.less b/UI/Content/theme.less
index def64d0d8..6e199c47c 100644
--- a/UI/Content/theme.less
+++ b/UI/Content/theme.less
@@ -1,4 +1,6 @@
-body {
+@import "../shared/styles/card";
+
+body {
   background-color : #1c1c1c;
   background-image : url('../content/images/pattern.png');
   margin-bottom    : 100px;
@@ -66,14 +68,12 @@ body h1, body h2, body h3, body h4, body h5, body h6 {
 }
 
 .page {
+  .card(#AAAAAA);
   width            : 1210px;
   min-width        : 1210px;
   margin           : auto;
-  background-color : #ffffff;
-  border-radius    : 6px;
   margin-top       : -70px;
   padding          : 20px 0px;
-  box-shadow       : 0 0 6px rgba(0, 0, 0, 0.1);
   .header {
     padding-bottom : 10px;
     margin-bottom  : 20px;
diff --git a/UI/Series/series.less b/UI/Series/series.less
index 19976483f..bedcd3fe6 100644
--- a/UI/Series/series.less
+++ b/UI/Series/series.less
@@ -19,6 +19,7 @@
 }
 
 .series-page-header {
+  .card(black);
   background : #000000;
   color      : #ffffff;
   .opacity(0.9);
diff --git a/UI/Shared/Styles/card.less b/UI/Shared/Styles/card.less
index 9cfc0904c..92c275a8b 100644
--- a/UI/Shared/Styles/card.less
+++ b/UI/Shared/Styles/card.less
@@ -1,10 +1,10 @@
 @import "../../Content/prefixer";
 
-.card() {
+.card(@color : #e1e1e1 ) {
   margin           : 10px;
   background-color : #ffffff;
   padding          : 10px;
   color            : #444444;
-  .box-shadow( 0px 0px 10px 1px #e1e1e1);
+  .box-shadow( 0px 0px 10px 1px @color);
   .border-radius(3px);
 }