deprecate "headerTextColor" customisation

app/src/app.config.json.tpl

@@ -40,7 +40,6 @@
   "viewer.maxRetries": 1,
   "sharedLinkDateTimePickerType": "datetime",
   "headerColor": "#ffffff",
-  "headerTextColor": "#000000",
   "customCssPath": "",
   "webFontPath": "",
   "pagination": {

docs/configuration/README.md

@@ -89,17 +89,6 @@ The default logo displayed in the top left corner of the Alfresco Content Applic
 }
 ```
 
-### Header Background color
-
-You can change the header text and background colors by specifying the color code for the "headerTextColor" and "headerColor" keys:
-
-```json
-{
-    "headerTextColor": "#000000",
-    "headerColor": "#ffffff"
-}
-```
-
 ### Restricted content
 
 You can restrict users from uploading certain types of files and folders by setting or extending the list of rules at the "files.excluded" path.

projects/aca-content/assets/images/mastHead-bg-shapesPattern.svg

@@ -1,53 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="768px" height="64px" viewBox="0 0 768 64" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: sketchtool 63.1 (101010) - https://sketch.com -->
-    <title>F9486AC0-402C-4076-AD87-A8B3E339A00C</title>
-    <desc>Created with sketchtool.</desc>
-    <defs>
-        <rect id="path-1" x="0" y="0" width="1440" height="1024"></rect>
-        <linearGradient x1="39.5825108%" y1="4.36333766%" x2="2.76867691%" y2="43.9379266%" id="linearGradient-3">
-            <stop stop-color="#FB9729" offset="0%"></stop>
-            <stop stop-color="#FF6B00" offset="100%"></stop>
-        </linearGradient>
-        <linearGradient x1="39.5825108%" y1="4.41939366%" x2="2.76867691%" y2="43.9453727%" id="linearGradient-4">
-            <stop stop-color="#FB9729" offset="0%"></stop>
-            <stop stop-color="#FF6B00" offset="100%"></stop>
-        </linearGradient>
-        <linearGradient x1="39.5825108%" y1="4.41972419%" x2="2.76867691%" y2="43.9454166%" id="linearGradient-5">
-            <stop stop-color="#FB9729" offset="0%"></stop>
-            <stop stop-color="#FF6B00" offset="100%"></stop>
-        </linearGradient>
-    </defs>
-    <g id="1.-🎨-Styles-/-Atoms-/-Molecules-/-Compounds" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="08.5-Various-(Light)" transform="translate(-80.000000, -593.000000)">
-            <g id="Header" transform="translate(80.000000, 550.000000)">
-                <g id="3.-Layout/Desktop/Header/ADW/MastHead" transform="translate(0.000000, 43.000000)">
-                    <g id="mastHead-bg-shapesPattern">
-                        <g id="bgWallpaper-Pattern">
-                            <g transform="translate(0.000000, -418.000000)" id="standards/bgWallpaper-ColCircles">
-                                <g transform="translate(0.000000, 1.000000)">
-                                    <mask id="mask-2" fill="white">
-                                        <use xlink:href="#path-1"></use>
-                                    </mask>
-                                    <g id="Mask"></g>
-                                    <g id="interectionsShapes" mask="url(#mask-2)">
-                                        <g transform="translate(-5874.000000, -2763.000000)" id="Group-2">
-                                            <g transform="translate(0.025102, 0.632890)">
-                                                <g id="masthead-v2" transform="translate(0.576046, 0.968258)">
-                                                    <path d="M6137.3568,3265.15228 C6731.50498,3265.15228 7213.15725,2783.18681 7213.15725,2188.65228 C7213.15725,1594.11774 6731.50498,1112.15228 6137.3568,1112.15228 C5934.86387,1112.15228 5572.13069,1112.15228 5049.15725,1112.15228 C5057.42331,1636.08719 5061.55635,1994.92052 5061.55635,2188.65228 C5061.55635,2783.18681 5543.20862,3265.15228 6137.3568,3265.15228 Z" id="Petal-Blue" stroke="url(#linearGradient-3)" stroke-width="5" transform="translate(6131.157249, 2188.652277) rotate(-193.000000) translate(-6131.157249, -2188.652277) "></path>
-                                                    <path d="M6047.87926,3281.34542 C6563.7778,3281.34542 6981.9962,2862.95552 6981.9962,2346.84542 C6981.9962,1830.73532 6563.7778,1412.34542 6047.87926,1412.34542 C5872.05476,1412.34542 5557.09374,1412.34542 5102.9962,1412.34542 C5110.17362,1867.16862 5113.76233,2178.66862 5113.76233,2346.84542 C5113.76233,2862.95552 5531.98072,3281.34542 6047.87926,3281.34542 Z" id="Petal-Green" stroke="#8BC34A" stroke-width="10" transform="translate(6042.496196, 2346.845419) rotate(-236.000000) translate(-6042.496196, -2346.845419) "></path>
-                                                    <path d="M4476.11162,7601 C6211.88094,7601 7619,6193.83097 7619,4458 C7619,2722.16903 6211.88094,1315 4476.11162,1315 C3884.54032,1315 2824.83644,1315 1297,1315 C1321.14883,2844.705 1333.22325,3892.37167 1333.22325,4458 C1333.22325,6193.83097 2740.3423,7601 4476.11162,7601 Z" id="Petal-thin-orange" stroke="url(#linearGradient-4)" stroke-width="2" transform="translate(4458.000000, 4458.000000) rotate(-135.000000) translate(-4458.000000, -4458.000000) "></path>
-                                                    <path d="M6722.92439,3755.28058 C7108.40685,3755.28058 7420.90213,3442.77534 7420.90213,3057.28058 C7420.90213,2671.78583 7108.40685,2359.28058 6722.92439,2359.28058 C6591.54728,2359.28058 6356.20653,2359.28058 6016.90213,2359.28058 C6022.26515,2698.99872 6024.94665,2931.66538 6024.94665,3057.28058 C6024.94665,3442.77534 6337.44193,3755.28058 6722.92439,3755.28058 Z" id="Petal-orange" stroke="url(#linearGradient-5)" stroke-width="23" transform="translate(6718.902134, 3057.280584) rotate(-57.000000) translate(-6718.902134, -3057.280584) "></path>
-                                                </g>
-                                            </g>
-                                        </g>
-                                    </g>
-                                </g>
-                            </g>
-                        </g>
-                    </g>
-                </g>
-            </g>
-        </g>
-    </g>
-</svg>

projects/aca-content/src/lib/components/header/header.component.spec.ts

@@ -54,7 +54,6 @@ describe('AppHeaderComponent', () => {
 
   const app = {
     headerColor: 'some-color',
-    headerTextColor: 'text-color',
     appName: 'name',
     logoPath: 'some/path'
   } as AppState;
@@ -85,7 +84,6 @@ describe('AppHeaderComponent', () => {
     component.appName$.subscribe((val) => expect(val).toBe(app.appName));
     component.logo$.subscribe((val) => expect(val).toBe(app.logoPath));
     component.headerColor$.subscribe((val) => expect(val).toBe(app.headerColor));
-    component.headerTextColor$.subscribe((val) => expect(val).toBe(app.headerTextColor));
   }));
 
   it('should get header actions', fakeAsync(() => {

projects/aca-content/src/lib/components/header/header.component.ts

@@ -27,7 +27,7 @@ import { Component, ViewEncapsulation, Output, EventEmitter, OnInit, Input, OnDe
 import { Store } from '@ngrx/store';
 import { Observable, Subject } from 'rxjs';
 import { ContentActionRef } from '@alfresco/adf-extensions';
-import { AppStore, getHeaderColor, getAppName, getLogoPath, getHeaderTextColor } from '@alfresco/aca-shared/store';
+import { AppStore, getHeaderColor, getAppName, getLogoPath } from '@alfresco/aca-shared/store';
 import { AppExtensionService } from '@alfresco/aca-shared';
 import { takeUntil } from 'rxjs/operators';
 import { AppConfigService, SidenavLayoutComponent } from '@alfresco/adf-core';
@@ -56,7 +56,6 @@ export class AppHeaderComponent implements OnInit, OnDestroy {
 
   appName$: Observable<string>;
   headerColor$: Observable<any>;
-  headerTextColor$: Observable<string>;
   logo$: Observable<string>;
   landingPage: string;
 
@@ -64,7 +63,6 @@ export class AppHeaderComponent implements OnInit, OnDestroy {
 
   constructor(public store: Store<AppStore>, private appExtensions: AppExtensionService, private appConfigService: AppConfigService) {
     this.headerColor$ = store.select(getHeaderColor);
-    this.headerTextColor$ = store.select(getHeaderTextColor);
     this.appName$ = store.select(getAppName);
     this.logo$ = store.select(getLogoPath);
     this.landingPage = this.appConfigService.get('landingPage', '/personal-files');
@@ -77,10 +75,6 @@ export class AppHeaderComponent implements OnInit, OnDestroy {
       .subscribe((actions) => {
         this.actions = actions;
       });
-
-    this.headerTextColor$.subscribe((color) => {
-      document.documentElement.style.setProperty('--adf-header-text-color', color);
-    });
   }
 
   onToggleSidenav(_event: boolean): void {

projects/aca-content/src/lib/store/initial-state.ts

@@ -28,7 +28,6 @@ import { AppState, AppStore } from '@alfresco/aca-shared/store';
 export const INITIAL_APP_STATE: AppState = {
   appName: 'Alfresco Content Application',
   headerColor: '#ffffff',
-  headerTextColor: '#000000',
   logoPath: 'assets/images/alfresco-logo-white.svg',
   customCssPath: '',
   webFontPath: '',

projects/aca-preview/src/lib/components/preview.component.spec.ts

@@ -62,7 +62,6 @@ class DocumentBasePageServiceMock extends DocumentBasePageService {
 export const INITIAL_APP_STATE: AppState = {
   appName: 'Alfresco Content Application',
   headerColor: '#ffffff',
-  headerTextColor: '#000000',
   logoPath: 'assets/images/alfresco-logo-white.svg',
   customCssPath: '',
   webFontPath: '',

projects/aca-shared/src/lib/components/document-base-page/document-base-page.spec.ts

@@ -42,7 +42,6 @@ import { EffectsModule } from '@ngrx/effects';
 export const INITIAL_APP_STATE: AppState = {
   appName: 'Alfresco Content Application',
   headerColor: '#ffffff',
-  headerTextColor: '#000000',
   logoPath: 'assets/images/alfresco-logo-white.svg',
   customCssPath: '',
   webFontPath: '',

projects/aca-shared/src/lib/services/app.service.ts

@@ -225,7 +225,6 @@ export class AppService implements OnDestroy {
       ...this.initialAppState,
       appName: this.config.get<string>('application.name'),
       headerColor: this.config.get<string>('headerColor'),
-      headerTextColor: this.config.get<string>('headerTextColor', '#000000'),
       logoPath: this.config.get<string>('application.logo'),
       customCssPath: this.config.get<string>('customCssPath'),
       webFontPath: this.config.get<string>('webFontPath'),

projects/aca-shared/store/src/selectors/app.selectors.ts

@@ -29,7 +29,6 @@ import { createSelector } from '@ngrx/store';
 export const selectApp = (state: AppStore) => state.app;
 
 export const getHeaderColor = createSelector(selectApp, (state) => state.headerColor);
-export const getHeaderTextColor = createSelector(selectApp, (state) => state.headerTextColor);
 export const getAppName = createSelector(selectApp, (state) => state.appName);
 export const getLogoPath = createSelector(selectApp, (state) => state.logoPath);
 export const getCustomCssPath = createSelector(selectApp, (state) => state.customCssPath);

projects/aca-shared/store/src/states/app.state.ts

@@ -32,7 +32,6 @@ export const STORE_INITIAL_APP_DATA = new InjectionToken<AppState>('STORE_INITIA
 export interface AppState {
   appName: string;
   headerColor: string;
-  headerTextColor: string;
   logoPath: string;
   customCssPath: string;
   webFontPath: string;