04/28 Updated UI 2

app.py

@@ -107,8 +107,11 @@ def create_app() -> Flask:
 
     @app.context_processor
     def inject_company_name():
-        """Make COMPANY_NAME available to all templates"""
-        return {'COMPANY_NAME': os.environ.get('COMPANY_NAME', 'QR Code Management System')}
+        """Make COMPANY_NAME and THEME_NAME available to all templates"""
+        return {
+            'COMPANY_NAME': os.environ.get('COMPANY_NAME', 'QR Code Management System'),
+            'THEME_NAME':   os.environ.get('THEME_NAME', ''),
+        }
 
     @app.context_processor
     def inject_logging_status():

templates/base.html

@@ -11,20 +11,18 @@
       href="{{ url_for('static', filename='css/style.css') }}"
     />
 
-    <!-- Theme Override (set THEME_NAME in .env to activate, e.g. THEME_NAME=gov) -->
-    {% if THEME_NAME %}
-    <link
-      rel="stylesheet"
-      href="{{ url_for('static', filename='css/theme-' + THEME_NAME + '.css') }}"
-    />
-    {% endif %}
-
     <!-- Font Awesome -->
     <link
       href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css"
       rel="stylesheet"
     />
 
+    <!-- Theme override — loaded before page-specific CSS so per-page sheets
+         (e.g. auth.css) take cascade precedence unless theme uses !important -->
+    {% if THEME_NAME %}
+    <link rel="stylesheet" href="{{ url_for('static', filename='css/theme-' + THEME_NAME + '.css') }}" />
+    {% endif %}
+
     <!-- Page-specific CSS -->
     {% block extra_head %}{% endblock %}
 
@@ -67,7 +65,7 @@
     <footer class="footer">
       <div class="container">
         <div class="footer-content">
-          <p>&copy; {{ CURRENT_YEAR }} {{ COMPANY_NAME }}. All rights reserved.</p>
+          <p>&copy; 2025 QR Code Management System. All rights reserved.</p>
           <div class="footer-links">
             <a href="#" class="footer-link">Privacy Policy</a>
             <a href="#" class="footer-link">Terms of Service</a>

templates/base_authenticated.html

@@ -17,6 +17,12 @@
       rel="stylesheet"
     />
 
+    <!-- Theme override — loaded before page-specific CSS so per-page sheets
+         can still override theme values; use !important in theme CSS where needed -->
+    {% if THEME_NAME %}
+    <link rel="stylesheet" href="{{ url_for('static', filename='css/theme-' + THEME_NAME + '.css') }}" />
+    {% endif %}
+
     <!-- Page-specific CSS -->
     {% block extra_head %}{% endblock %}