a couple of fixes

src/app/pages/dashboard/popularApp/popularApp.scss

@@ -48,6 +48,6 @@
   }
 }
 
-.blur-theme .card.popular-app .popular-app-img-container {
+.blur .card.popular-app .popular-app-img-container {
   background: rgba(0, 0, 0, 0.5);
 }

src/app/theme/components/baPageTop/baPageTop.scss

@@ -17,7 +17,7 @@
 }
 
 .blur {
-  &.scrolled {
+  .page-top.scrolled {
     background-color: rgba(black, 0.85)
   }
 }

src/app/theme/sass/_layout.scss

@@ -1,6 +1,6 @@
 $left-space: 180px;
 
-@include scrollbars(.5em, #d9d9d9, rgba(0,0,0,0));
+@include scrollbars(.5em, #d9d9d9, rgba(0, 0, 0, 0));
 
 html {
   position: relative;
@@ -16,7 +16,8 @@ main {
   font: 14px/16px $font-family;
   color: $default-text;
   @include body-bg();
-  &.blur-theme {
+
+  &.blur {
     @include main-background();
   }
 
@@ -31,13 +32,12 @@ main {
   }
 }
 
-@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none)
-{
-  html{
+@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
+  html {
     overflow: hidden;
     height: 100%;
   }
-  body{
+  body {
     overflow: auto;
     height: 100%;
   }
@@ -48,9 +48,10 @@ a {
   outline: 0 !important;
 }
 
-.body-bg{
+.body-bg {
   display: none;
 }
+
 .al-header {
   display: block;
   height: 49px;
@@ -206,9 +207,9 @@ a {
 }
 
 .full-invisible {
-  visibility: hidden!important;
+  visibility: hidden !important;
   * {
-    visibility: hidden!important;
+    visibility: hidden !important;
   }
 }
 

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

@@ -159,7 +159,7 @@
   }
 }
 
-.blur-theme {
+.blur {
   .nav.nav-tabs {
     background-color: rgba(0, 0, 0, 0.2);
     a {

src/app/theme/theme.configProvider.ts

@@ -31,7 +31,7 @@ export class BaThemeConfigProvider {
 
   conf = {
     theme: {
-      name: 'ng2',
+      name: 'blur',
     },
     colors: {
       default: this.basic.default,