[ACA-2123] New header background color for AA accessibility (#1366)

* [ACA-2123] New header background for AA accessibility

* [ACA-2123] Remove useless foreground variable

* [ACA-2123]Changed headerColor value in doc and app's initial state

docs/getting-started/configuration.md

@@ -100,7 +100,7 @@ You can change the header background color by specifying the color code for the
 ```json
 {
     ...,
-    "headerColor": "#2196F3"
+    "headerColor": "#1565c0"
 }
 ```
 

docs/ja/getting-started/configuration.md

@@ -100,7 +100,7 @@ Alfresco コンテンツアプリケーションの左上隅に表示される
 ```json
 {
     ...,
-    "headerColor": "#2196F3"
+    "headerColor": "#1565c0"
 }
 ```
 

src/app.config.json

@@ -25,7 +25,7 @@
   },
   "viewer.maxRetries": 1,
   "sharedLinkDateTimePickerType": "date",
-  "headerColor": "#2196F3",
+  "headerColor": "#1565c0",
   "languagePicker": true,
   "pagination": {
     "size": 25,

src/app/components/current-user/current-user.component.theme.scss

@@ -18,7 +18,7 @@
       text-align: center;
       color: inherit;
       border-radius: 100%;
-      background-color: mat-color($background, card, 0.15);
+      background-color: mat-color($background, card, 0.12);
     }
 
     .current-user__full-name {

src/app/store/initial-state.ts

@@ -27,7 +27,7 @@ import { AppState, AppStore } from '@alfresco/aca-shared/store';
 
 export const INITIAL_APP_STATE: AppState = {
   appName: 'Alfresco Content Application',
-  headerColor: '#2196F3',
+  headerColor: '#1565c0',
   logoPath: 'assets/images/alfresco-logo-white.svg',
   languagePicker: false,
   sharedUrl: '',