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

2
src/app/core/layout/store-layout/store-footer/store-footer.component.scss
View File

@@ -1,5 +1,5 @@
.store-layout__footer {
background-color: var(--tenant-header-footer-bg);
background-color: var(--tenant-footer-bg);
}
.store-layout__brand-slot {

6
src/app/core/layout/store-layout/store-header/store-header.component.scss
View File

@@ -1,6 +1,6 @@
.store-layout__header {
color: #ffffff;
background-color: var(--tenant-header-footer-bg);
background-color: var(--tenant-header-bg);
box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.08);
}
@@ -58,14 +58,14 @@
.store-layout__search-button {
color: #ffffff;
border-color: rgba(255, 255, 255, 0.2);
background-color: color-mix(in srgb, white 10%, var(--tenant-header-footer-bg));
background-color: color-mix(in srgb, white 10%, var(--tenant-header-bg));
}
.store-layout__search-button:hover,
.store-layout__search-button:focus-visible {
color: #ffffff;
border-color: rgba(255, 255, 255, 0.28);
background-color: color-mix(in srgb, white 16%, var(--tenant-header-footer-bg));
background-color: color-mix(in srgb, white 16%, var(--tenant-header-bg));
}
.store-layout__action-button {

3
src/app/core/layout/store-layout/store-layout.component.spec.ts
View File

@@ -15,7 +15,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'
};

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

@@ -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');

3
src/app/core/services/tenant.interface.ts
View File

@@ -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;
}

3
src/app/core/services/tenant.service.spec.ts
View File

@@ -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'
};