blur theme is now default

src/app/theme/components/baCard/baCardBlurHelper.service.ts

@@ -43,8 +43,7 @@ export class BaCardBlurHelper {
 
   private _genImageLoadSubject():void {
     this.imageLoadSubject = new Subject<void>();
-    this.image.onerror = () => {
-      this.imageLoadSubject.error();
+    this.image.onerror = (err) => {
       this.imageLoadSubject.complete();
     };
     this.image.onload = () => {

src/app/theme/index.ts

@@ -1,2 +1,3 @@
 export * from './theme.constants'
 export * from './theme.configProvider'
+export * from './theme.config'

src/app/theme/sass/bootstrap-overrides/_card.scss

@@ -45,6 +45,10 @@ $card-header-font-size: 16px;
   background: url($blurredBgUrl);
   transition: none;
   background-attachment: fixed;
+
+  .card-header, .card-footer {
+    background: transparent;
+  }
 }
 
 .card {

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

@@ -1,3 +1,3 @@
 @import 'mixins';
-@import 'colorSchemes/mint';
+@import 'colorSchemes/blur';
 @import 'variables';

src/app/theme/theme.config.ts

@@ -0,0 +1,22 @@
+import {Injectable} from '@angular/core';
+import {BaThemeConfigProvider} from './theme.configProvider';
+
+@Injectable()
+export class BaThemeConfig {
+
+  constructor(private _baConfig:BaThemeConfigProvider) {
+    this._config();
+  }
+
+  private _config() {
+    this._baConfig.changeTheme({blur: true});
+
+    this._baConfig.changeColors({
+      default: 'rgba(#000000, 0.2)',
+      defaultText: '#ffffff',
+      dashboard: {
+        white: '#ffffff',
+      },
+    });
+  }
+}

src/app/theme/theme.configProvider.ts

@@ -70,4 +70,12 @@ export class BaThemeConfigProvider {
   get() {
     return this.conf;
   }
+
+  changeTheme (theme) {
+    _.merge(this.get().theme, theme);
+  }
+
+  changeColors (colors) {
+    _.merge(this.get().colors, colors);
+  }
 }