diff --git a/templates/module/angular/projects/dev-app/src/assets/images/logo/logo-light-thumbnail.png b/templates/module/angular/projects/dev-app/src/assets/images/logo/logo-light-thumbnail.png
new file mode 100644
index 0000000000..886c960864
Binary files /dev/null and b/templates/module/angular/projects/dev-app/src/assets/images/logo/logo-light-thumbnail.png differ
diff --git a/templates/module/angular/projects/dev-app/src/assets/images/logo/logo-light.png b/templates/module/angular/projects/dev-app/src/assets/images/logo/logo-light.png
new file mode 100644
index 0000000000..6ebd97e2b2
Binary files /dev/null and b/templates/module/angular/projects/dev-app/src/assets/images/logo/logo-light.png differ
diff --git a/templates/module/angular/projects/dev-app/src/styles.scss b/templates/module/angular/projects/dev-app/src/styles.scss
index 90d4ee0072..63804bea9e 100644
--- a/templates/module/angular/projects/dev-app/src/styles.scss
+++ b/templates/module/angular/projects/dev-app/src/styles.scss
@@ -1 +1,6 @@
 /* You can add global styles to this file, and also import other style files */
+:root  {
+  --lpx-logo: url('/assets/images/logo/logo-light.png');
+  --lpx-logo-icon: url('/assets/images/logo/logo-light-thumbnail.png');
+}
+