diff --git a/src/app/theme/sass/_layout.scss b/src/app/theme/sass/_layout.scss
index 4ba4491a..c99df7d4 100644
--- a/src/app/theme/sass/_layout.scss
+++ b/src/app/theme/sass/_layout.scss
@@ -15,7 +15,7 @@ html, body {
 main {
   font: 14px/16px $font-family;
   color: $default-text;
-  background-color: $body-bg;
+  @include body-bg();
   &.blur-theme {
     @include main-background();
   }
diff --git a/src/app/theme/sass/conf/_mixins.scss b/src/app/theme/sass/conf/_mixins.scss
index 15d7875a..1a64c04b 100644
--- a/src/app/theme/sass/conf/_mixins.scss
+++ b/src/app/theme/sass/conf/_mixins.scss
@@ -115,3 +115,9 @@
     color: darken($color, 20);
   }
 }
+
+@mixin gradient($color-1, $color-2, $color-3) {
+  background: $color-1;
+  background: -webkit-linear-gradient(left top, $color-1,$color-2 50%,$color-3);
+  background: linear-gradient(to right bottom,$color-1,$color-2 50%,$color-3);
+}
diff --git a/src/app/theme/sass/conf/colorSchemes/_blur.scss b/src/app/theme/sass/conf/colorSchemes/_blur.scss
index 599588b3..5d0ec6e6 100644
--- a/src/app/theme/sass/conf/colorSchemes/_blur.scss
+++ b/src/app/theme/sass/conf/colorSchemes/_blur.scss
@@ -1,5 +1,8 @@
 $default: rgba(#000000, 0.2);
 $body-bg: #F0F3F4;
+@mixin body-bg() {
+  background-color: $body-bg;
+}
 $default-text: #ffffff;
 $content-text: $default-text;
 $help-text: #eeeeee;
diff --git a/src/app/theme/sass/conf/colorSchemes/_mint.scss b/src/app/theme/sass/conf/colorSchemes/_mint.scss
index 2367b600..9fd90874 100644
--- a/src/app/theme/sass/conf/colorSchemes/_mint.scss
+++ b/src/app/theme/sass/conf/colorSchemes/_mint.scss
@@ -1,5 +1,8 @@
 $default: #ffffff;
 $body-bg: #F0F3F4;
+@mixin body-bg() {
+  background-color: $body-bg;
+}
 $default-text: #666666;
 $content-text: $default-text;
 $help-text: #949494;