feat(templates): refresh brand logos with new blue palette

- Swap the cyan brand assets for the new blue logo, icon, and favicons
- Recolor the inline navbar and login brand marks to the blue gradient
- Update the theme-color meta tag to the new brand blue
- Retint the navbar and login icon drop-shadows to match the new gradient

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

Author: appleboy

images/authgate-logo-dark.svg

@@ -25,7 +25,7 @@ templ Layout(title string, layoutType LayoutType, navbar *NavbarProps) {
 			<link rel="icon" href="/favicon.ico" sizes="any"/>
 			<link rel="icon" type="image/svg+xml" href="/static/images/authgate-icon.svg"/>
 			<link rel="apple-touch-icon" href="/static/images/favicon-512x512.png"/>
-			<meta name="theme-color" content="#0095C4"/>
+			<meta name="theme-color" content="#0072ff"/>
 			<!-- Prevent FOUC: apply saved theme before paint -->
 			<script>
 				(function(){var t=localStorage.getItem('authgate-theme');if(t==='dark'||t==='light'){document.documentElement.setAttribute('data-theme',t)}else if(window.matchMedia&&window.matchMedia('(prefers-color-scheme:dark)').matches){document.documentElement.setAttribute('data-theme','dark')}else{document.documentElement.setAttribute('data-theme','light')}})();

images/authgate-logo.svg

@@ -15,8 +15,8 @@ templ LoginPage(props LoginPageProps) {
 						<svg width="56" height="56" viewBox="0 0 120 120" xmlns="http://www.w3.org/2000/svg" focusable="false">
 							<defs>
 								<linearGradient id="login-ag-bg" x1="0" y1="0" x2="120" y2="120" gradientUnits="userSpaceOnUse">
-									<stop offset="0" stop-color="#00C8E8"></stop>
-									<stop offset="1" stop-color="#0077A8"></stop>
+									<stop offset="0" stop-color="#4099ff"></stop>
+									<stop offset="1" stop-color="#005bb5"></stop>
 								</linearGradient>
 							</defs>
 							<rect x="4" y="4" width="112" height="112" rx="28" fill="url(#login-ag-bg)"></rect>

internal/templates/layout_component.templ

@@ -11,8 +11,8 @@ templ Navbar(props *NavbarProps) {
 						<svg width="32" height="32" viewBox="0 0 120 120" xmlns="http://www.w3.org/2000/svg" focusable="false">
 							<defs>
 								<linearGradient id="navbar-ag-bg" x1="0" y1="0" x2="120" y2="120" gradientUnits="userSpaceOnUse">
-									<stop offset="0" stop-color="#00C8E8"></stop>
-									<stop offset="1" stop-color="#0077A8"></stop>
+									<stop offset="0" stop-color="#4099ff"></stop>
+									<stop offset="1" stop-color="#005bb5"></stop>
 								</linearGradient>
 							</defs>
 							<rect x="4" y="4" width="112" height="112" rx="28" fill="url(#navbar-ag-bg)"></rect>

internal/templates/login_page.templ

@@ -53,7 +53,7 @@
 
 .navbar-brand-mark svg {
   display: block;
-  filter: drop-shadow(0 1px 2px rgba(0, 102, 150, 0.25));
+  filter: drop-shadow(0 1px 2px rgba(0, 91, 181, 0.25));
 }
 
 .navbar-brand-text {

internal/templates/navbar_component.templ

@@ -117,7 +117,7 @@
   width: 64px;
   height: 64px;
   /* drop-shadow follows the icon's rounded silhouette (box-shadow would be square) */
-  filter: drop-shadow(0 8px 18px rgba(0, 119, 168, 0.32));
+  filter: drop-shadow(0 8px 18px rgba(0, 91, 181, 0.32));
 }
 
 /* Security label below subtitle */