diff --git a/templates/app/aspnet-core/src/MyCompanyName.MyProjectName.Blazor.Server.Tiered/wwwroot/global-styles.css b/templates/app/aspnet-core/src/MyCompanyName.MyProjectName.Blazor.Server.Tiered/wwwroot/global-styles.css
index 7f8a925bc0..8c789339a9 100644
--- a/templates/app/aspnet-core/src/MyCompanyName.MyProjectName.Blazor.Server.Tiered/wwwroot/global-styles.css
+++ b/templates/app/aspnet-core/src/MyCompanyName.MyProjectName.Blazor.Server.Tiered/wwwroot/global-styles.css
@@ -1,3 +1,10 @@
 body {
     
-}
\ No newline at end of file
+}
+
+/* <TEMPLATE-REMOVE IF-NOT='LEPTONX'> */
+:root .lpx-brand-logo {
+    --lpx-logo: url('/images/logo/leptonx/logo-light.png');
+    --lpx-logo-icon: url('/images/logo/leptonx/logo-light-thumbnail.png');
+}
+/* </TEMPLATE-REMOVE> */ 
\ No newline at end of file
diff --git a/templates/app/aspnet-core/src/MyCompanyName.MyProjectName.Blazor.Server.Tiered/wwwroot/images/logo/leptonx/logo-dark-thumbnail.png b/templates/app/aspnet-core/src/MyCompanyName.MyProjectName.Blazor.Server.Tiered/wwwroot/images/logo/leptonx/logo-dark-thumbnail.png
new file mode 100644
index 0000000000..621596bb5c
Binary files /dev/null and b/templates/app/aspnet-core/src/MyCompanyName.MyProjectName.Blazor.Server.Tiered/wwwroot/images/logo/leptonx/logo-dark-thumbnail.png differ
diff --git a/templates/app/aspnet-core/src/MyCompanyName.MyProjectName.Blazor.Server.Tiered/wwwroot/images/logo/leptonx/logo-dark.png b/templates/app/aspnet-core/src/MyCompanyName.MyProjectName.Blazor.Server.Tiered/wwwroot/images/logo/leptonx/logo-dark.png
new file mode 100644
index 0000000000..e4bfe818c8
Binary files /dev/null and b/templates/app/aspnet-core/src/MyCompanyName.MyProjectName.Blazor.Server.Tiered/wwwroot/images/logo/leptonx/logo-dark.png differ
diff --git a/templates/app/aspnet-core/src/MyCompanyName.MyProjectName.Blazor.Server.Tiered/wwwroot/images/logo/leptonx/logo-light-thumbnail.png b/templates/app/aspnet-core/src/MyCompanyName.MyProjectName.Blazor.Server.Tiered/wwwroot/images/logo/leptonx/logo-light-thumbnail.png
new file mode 100644
index 0000000000..886c960864
Binary files /dev/null and b/templates/app/aspnet-core/src/MyCompanyName.MyProjectName.Blazor.Server.Tiered/wwwroot/images/logo/leptonx/logo-light-thumbnail.png differ
diff --git a/templates/app/aspnet-core/src/MyCompanyName.MyProjectName.Blazor.Server.Tiered/wwwroot/images/logo/leptonx/logo-light.png b/templates/app/aspnet-core/src/MyCompanyName.MyProjectName.Blazor.Server.Tiered/wwwroot/images/logo/leptonx/logo-light.png
new file mode 100644
index 0000000000..6ebd97e2b2
Binary files /dev/null and b/templates/app/aspnet-core/src/MyCompanyName.MyProjectName.Blazor.Server.Tiered/wwwroot/images/logo/leptonx/logo-light.png differ
diff --git a/templates/app/aspnet-core/src/MyCompanyName.MyProjectName.Blazor.Server/wwwroot/global-styles.css b/templates/app/aspnet-core/src/MyCompanyName.MyProjectName.Blazor.Server/wwwroot/global-styles.css
index 7f8a925bc0..8c789339a9 100644
--- a/templates/app/aspnet-core/src/MyCompanyName.MyProjectName.Blazor.Server/wwwroot/global-styles.css
+++ b/templates/app/aspnet-core/src/MyCompanyName.MyProjectName.Blazor.Server/wwwroot/global-styles.css
@@ -1,3 +1,10 @@
 body {
     
-}
\ No newline at end of file
+}
+
+/* <TEMPLATE-REMOVE IF-NOT='LEPTONX'> */
+:root .lpx-brand-logo {
+    --lpx-logo: url('/images/logo/leptonx/logo-light.png');
+    --lpx-logo-icon: url('/images/logo/leptonx/logo-light-thumbnail.png');
+}
+/* </TEMPLATE-REMOVE> */ 
\ No newline at end of file
diff --git a/templates/app/aspnet-core/src/MyCompanyName.MyProjectName.Blazor.Server/wwwroot/images/logo/leptonx/logo-dark-thumbnail.png b/templates/app/aspnet-core/src/MyCompanyName.MyProjectName.Blazor.Server/wwwroot/images/logo/leptonx/logo-dark-thumbnail.png
new file mode 100644
index 0000000000..621596bb5c
Binary files /dev/null and b/templates/app/aspnet-core/src/MyCompanyName.MyProjectName.Blazor.Server/wwwroot/images/logo/leptonx/logo-dark-thumbnail.png differ
diff --git a/templates/app/aspnet-core/src/MyCompanyName.MyProjectName.Blazor.Server/wwwroot/images/logo/leptonx/logo-dark.png b/templates/app/aspnet-core/src/MyCompanyName.MyProjectName.Blazor.Server/wwwroot/images/logo/leptonx/logo-dark.png
new file mode 100644
index 0000000000..e4bfe818c8
Binary files /dev/null and b/templates/app/aspnet-core/src/MyCompanyName.MyProjectName.Blazor.Server/wwwroot/images/logo/leptonx/logo-dark.png differ
diff --git a/templates/app/aspnet-core/src/MyCompanyName.MyProjectName.Blazor.Server/wwwroot/images/logo/leptonx/logo-light-thumbnail.png b/templates/app/aspnet-core/src/MyCompanyName.MyProjectName.Blazor.Server/wwwroot/images/logo/leptonx/logo-light-thumbnail.png
new file mode 100644
index 0000000000..886c960864
Binary files /dev/null and b/templates/app/aspnet-core/src/MyCompanyName.MyProjectName.Blazor.Server/wwwroot/images/logo/leptonx/logo-light-thumbnail.png differ
diff --git a/templates/app/aspnet-core/src/MyCompanyName.MyProjectName.Blazor.Server/wwwroot/images/logo/leptonx/logo-light.png b/templates/app/aspnet-core/src/MyCompanyName.MyProjectName.Blazor.Server/wwwroot/images/logo/leptonx/logo-light.png
new file mode 100644
index 0000000000..6ebd97e2b2
Binary files /dev/null and b/templates/app/aspnet-core/src/MyCompanyName.MyProjectName.Blazor.Server/wwwroot/images/logo/leptonx/logo-light.png differ
diff --git a/templates/app/aspnet-core/src/MyCompanyName.MyProjectName.Blazor/wwwroot/images/logo/leptonx/logo-dark-thumbnail.png b/templates/app/aspnet-core/src/MyCompanyName.MyProjectName.Blazor/wwwroot/images/logo/leptonx/logo-dark-thumbnail.png
new file mode 100644
index 0000000000..621596bb5c
Binary files /dev/null and b/templates/app/aspnet-core/src/MyCompanyName.MyProjectName.Blazor/wwwroot/images/logo/leptonx/logo-dark-thumbnail.png differ
diff --git a/templates/app/aspnet-core/src/MyCompanyName.MyProjectName.Blazor/wwwroot/images/logo/leptonx/logo-dark.png b/templates/app/aspnet-core/src/MyCompanyName.MyProjectName.Blazor/wwwroot/images/logo/leptonx/logo-dark.png
new file mode 100644
index 0000000000..e4bfe818c8
Binary files /dev/null and b/templates/app/aspnet-core/src/MyCompanyName.MyProjectName.Blazor/wwwroot/images/logo/leptonx/logo-dark.png differ
diff --git a/templates/app/aspnet-core/src/MyCompanyName.MyProjectName.Blazor/wwwroot/images/logo/leptonx/logo-light-thumbnail.png b/templates/app/aspnet-core/src/MyCompanyName.MyProjectName.Blazor/wwwroot/images/logo/leptonx/logo-light-thumbnail.png
new file mode 100644
index 0000000000..886c960864
Binary files /dev/null and b/templates/app/aspnet-core/src/MyCompanyName.MyProjectName.Blazor/wwwroot/images/logo/leptonx/logo-light-thumbnail.png differ
diff --git a/templates/app/aspnet-core/src/MyCompanyName.MyProjectName.Blazor/wwwroot/images/logo/leptonx/logo-light.png b/templates/app/aspnet-core/src/MyCompanyName.MyProjectName.Blazor/wwwroot/images/logo/leptonx/logo-light.png
new file mode 100644
index 0000000000..6ebd97e2b2
Binary files /dev/null and b/templates/app/aspnet-core/src/MyCompanyName.MyProjectName.Blazor/wwwroot/images/logo/leptonx/logo-light.png differ
diff --git a/templates/app/aspnet-core/src/MyCompanyName.MyProjectName.Blazor/wwwroot/main.css b/templates/app/aspnet-core/src/MyCompanyName.MyProjectName.Blazor/wwwroot/main.css
index d65524ef48..3f9b058b29 100644
--- a/templates/app/aspnet-core/src/MyCompanyName.MyProjectName.Blazor/wwwroot/main.css
+++ b/templates/app/aspnet-core/src/MyCompanyName.MyProjectName.Blazor/wwwroot/main.css
@@ -1,4 +1,12 @@
 /* Global styles for the MyProjectName application */
+
+/* <TEMPLATE-REMOVE IF-NOT='LEPTONX'> */
+:root .lpx-brand-logo {
+    --lpx-logo: url('/images/logo/leptonx/logo-light.png');
+    --lpx-logo-icon: url('/images/logo/leptonx/logo-light-thumbnail.png');
+}
+/* </TEMPLATE-REMOVE> */ 
+
 .spinner {
     width: 40px;
     height: 40px;