diff --git a/src/app/app.component.ts b/src/app/app.component.ts index b441482f..7840656a 100644 --- a/src/app/app.component.ts +++ b/src/app/app.component.ts @@ -21,6 +21,7 @@ import {BaThemeRun} from './theme/directives'; styles: [require('normalize.css'), require('./app.scss')], template: `
+
` diff --git a/src/app/theme/sass/_layout.scss b/src/app/theme/sass/_layout.scss index 02042544..b7c67908 100644 --- a/src/app/theme/sass/_layout.scss +++ b/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) diff --git a/src/app/theme/sass/conf/colorSchemes/_blur.scss b/src/app/theme/sass/conf/colorSchemes/_blur.scss index 938f49cb..508102b6 100644 --- a/src/app/theme/sass/conf/colorSchemes/_blur.scss +++ b/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; diff --git a/src/app/theme/sass/conf/colorSchemes/_mint.scss b/src/app/theme/sass/conf/colorSchemes/_mint.scss index 51ebd8be..f00e85ae 100644 --- a/src/app/theme/sass/conf/colorSchemes/_mint.scss +++ b/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; diff --git a/src/app/theme/sass/conf/colorSchemes/_ng2.scss b/src/app/theme/sass/conf/colorSchemes/_ng2.scss index 96bbbffb..3594daf4 100644 --- a/src/app/theme/sass/conf/colorSchemes/_ng2.scss +++ b/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;