diff --git a/templates/app-nolayers/angular/src/assets/images/logo/logo-light-thumbnail.png b/templates/app-nolayers/angular/src/assets/images/logo/logo-light-thumbnail.png
new file mode 100644
index 0000000000..886c960864
Binary files /dev/null and b/templates/app-nolayers/angular/src/assets/images/logo/logo-light-thumbnail.png differ
diff --git a/templates/app-nolayers/angular/src/assets/images/logo/logo-light.png b/templates/app-nolayers/angular/src/assets/images/logo/logo-light.png
new file mode 100644
index 0000000000..6ebd97e2b2
Binary files /dev/null and b/templates/app-nolayers/angular/src/assets/images/logo/logo-light.png differ
diff --git a/templates/app-nolayers/angular/src/styles.scss b/templates/app-nolayers/angular/src/styles.scss
index efe57bd8c3..30196d38d8 100644
--- a/templates/app-nolayers/angular/src/styles.scss
+++ b/templates/app-nolayers/angular/src/styles.scss
@@ -8,6 +8,10 @@
     transform: rotate(360deg);
   }
 }
+:root  {
+  --lpx-logo: url('/assets/images/logo/logo-light.png');
+  --lpx-logo-icon: url('/assets/images/logo/logo-light-thumbnail.png');
+}
 .donut {
   display: inline-block;
   border: 4px solid rgba(0, 0, 0, 0.1);
@@ -23,4 +27,5 @@
     left: 50%;
     transform: translate(-50%, -50%);
   }
+
 }