feat: differentiate between header and footer colors

src/app/core/services/tenant-ssr-cache.store.ts

@@ -18,7 +18,8 @@ export const DEFAULT_TENANT_BRANDING = {
   secondaryColor: '#9e9e9e',
   dangerColor: '#fd4c4c',
   successColor: '#198754',
-  headerFooterBgColor: '#313131'
+  headerBgColor: '#313131',
+  footerBgColor: '#313131'
 } as const;
 
 export const TENANT_SSR_STATE_KEY = makeStateKey<TenantSsrState | null>('tenant-ssr-state');

src/app/core/services/tenant.interface.ts

@@ -9,7 +9,8 @@ export interface Tenant {
   secondary_color: string;
   danger_color: string;
   success_color: string;
-  header_footer_bg_color: string;
+  header_bg_color: string;
+  footer_bg_color: string;
   header_logo: string;
   footer_logo: string;
 }

src/app/core/services/tenant.service.spec.ts

@@ -17,7 +17,8 @@ const tenant: Tenant = {
   secondary_color: '#A0A0A0',
   danger_color: '#FF8888',
   success_color: '#198754',
-  header_footer_bg_color: '#313131',
+  header_bg_color: '#313131',
+  footer_bg_color: '#313131',
   header_logo: 'https://example.com/header.png',
   footer_logo: 'https://example.com/footer.png'
 };