Branding customization

2026-03-30 14:35:30 -04:00
parent 53eaf1c76d
commit a4e605297a
7 changed files with 295 additions and 43 deletions
@@ -3,7 +3,8 @@
 <head>
  <meta charset="UTF-8"/>
  <meta name="viewport" content="width=device-width,initial-scale=1.0"/>
-  <title>Login — TechDesk</title>
+  <title>Login — {{ branding.app_name }}</title>
+  <style>:root { --accent: {{ branding.primary_color }}; --accent-h: {{ branding.primary_color }}; }</style>
  <link rel="preconnect" href="https://fonts.googleapis.com"/>
  <link href="https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500;9..40,600&display=swap" rel="stylesheet"/>
  <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.css" rel="stylesheet"/>
@@ -41,9 +42,17 @@
  <div class="bg-glow"></div>
  <div class="card">
    <div class="brand">
-      <div class="logo">TD</div>
-      <h1>TechDesk</h1>
-      <p class="subtitle">IT Helpdesk Portal — Sign in to continue</p>
+      {% if branding.logo_stored_name %}
+      <img src="{{ url_for('auth.serve_logo', filename=branding.logo_stored_name) }}"
+           alt="{{ branding.app_name }}"
+           style="width:52px;height:52px;border-radius:12px;object-fit:contain;margin:0 auto 12px;display:block;background:var(--accent);padding:4px;box-shadow:0 2px 10px rgba(0,0,0,.15);"/>
+      {% else %}
+      <div class="logo">{{ branding.logo_initials[:2] }}</div>
+      {% endif %}
+      <h1>{{ branding.app_name }}</h1>
+      <p class="subtitle">
+        {% if branding.company_name %}{{ branding.company_name }} — {% endif %}Sign in to continue
+      </p>
    </div>

    {% with messages = get_flashed_messages(with_categories=true) %}