[AAE-6057] Customize text color in the header (#2326)

* [AAE-6057] Customize text color in the header

* [AAE-6057] use css vars

* [AAE-6057] added tests

* [AAE-6057] clear code

* [AAE-6057] quick fix

* [AAE-6057] update css so they wark nicly with new --adf-header-text-color
This commit is contained in:
Bartosz Sekuła
2021-10-29 16:24:43 +02:00
committed by Denys Vuika
parent 47921d9b3c
commit bc626798d5
9 changed files with 19 additions and 15 deletions

View File

@@ -1,4 +1,7 @@
.aca-toolbar-action {
color: var(--theme-foreground-text-color);
margin: 0 5px;
adf-userinfo {
color: var(--theme-foreground-text-color);
}
}

View File

@@ -29,6 +29,7 @@ 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 getHeaderImagePath = createSelector(selectApp, (state) => state.headerImagePath);

View File

@@ -29,6 +29,7 @@ import { RepositoryInfo, VersionEntry } from '@alfresco/js-api';
export interface AppState {
appName: string;
headerColor: string;
headerTextColor: string;
logoPath: string;
headerImagePath: string;
sharedUrl: string;