pattern bg

src/app/app.component.ts

@@ -21,6 +21,7 @@ import {BaThemeRun} from './theme/directives';
   styles: [require('normalize.css'), require('./app.scss')],
   template: `
     <main [ngClass]="{'menu-collapsed': isMenuCollapsed}" baThemeRun>
+      <div class="additional-bg"></div>
       <router-outlet></router-outlet>
     </main>
   `

src/app/theme/sass/_layout.scss

@@ -19,6 +19,16 @@ main {
   &.blur-theme {
     @include main-background();
   }
+
+  .additional-bg {
+    position: fixed;
+    top: 0;
+    left: 0;
+    bottom: 0;
+    right: 0;
+    //background-attachment: inherit;
+    @include additional-bg();
+  }
 }
 
 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none)

src/app/theme/sass/conf/colorSchemes/_blur.scss

@@ -3,6 +3,9 @@ $body-bg: #F0F3F4;
 @mixin body-bg() {
   background-color: $body-bg;
 }
+@mixin additional-bg() {
+  display: none;
+}
 $default-text: #ffffff;
 $content-text: $default-text;
 $help-text: #eeeeee;

src/app/theme/sass/conf/colorSchemes/_mint.scss

@@ -3,6 +3,9 @@ $body-bg: #F0F3F4;
 @mixin body-bg() {
   background-color: $body-bg;
 }
+@mixin additional-bg() {
+  display: none;
+}
 $default-text: #666666;
 $content-text: $default-text;
 $help-text: #949494;

src/app/theme/sass/conf/colorSchemes/_ng2.scss

@@ -3,6 +3,10 @@ $body-bg: #F0F3F4;
 @mixin body-bg() {
   @include gradient(#73c5d9, #4691d1, #455e9f);
 }
+@mixin additional-bg() {
+  display: block;
+  background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAIUlEQVQIW2NkYGCQZGBgeM4ABYxQGiYoCRMAiYMFMVQAAIACBDd1EYQFAAAAAElFTkSuQmCC) repeat;
+}
 $default-text: #ffffff;
 $content-text: $default-text;
 $help-text: $default-text;