tbianchini/shopit-front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: differentiate between header and footer colors

Browse Source
This commit is contained in:
ncoronel
2026-07-01 15:37:44 -03:00
parent b61ae3cb32
commit ad39ccb561
12 changed files with 56 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/app/app.ts
View File

@@ -34,7 +34,8 @@ function hexToRgb(hex: string): string {
'[style.--tenant-secondary-rgb]': 'tenantSecondaryColorRgb()',
'[style.--tenant-danger-rgb]': 'tenantDangerColorRgb()',
'[style.--tenant-success-rgb]': 'tenantSuccessColorRgb()',
'[style.--tenant-header-footer-bg]': 'tenantHeaderFooterBgColor()'
'[style.--tenant-header-bg]': 'tenantHeaderBgColor()',
'[style.--tenant-footer-bg]': 'tenantFooterBgColor()'
}
})
export class App {
@@ -66,10 +67,15 @@ export class App {
protected readonly tenantSuccessColorRgb = computed(() =>
hexToRgb(this.tenantSuccessColor())
);
protected readonly tenantHeaderFooterBgColor = computed(
protected readonly tenantHeaderBgColor = computed(
() =>
this.tenantService.tenant()?.header_footer_bg_color ??
DEFAULT_TENANT_BRANDING.headerFooterBgColor
this.tenantService.tenant()?.header_bg_color ??
DEFAULT_TENANT_BRANDING.headerBgColor
);
protected readonly tenantFooterBgColor = computed(
() =>
this.tenantService.tenant()?.footer_bg_color ??
DEFAULT_TENANT_BRANDING.footerBgColor
);
}