inteligr8/alfresco-content-app
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-content-app.git synced 2026-09-09 18:02:54 +00:00
Code Issues Packages Projects Releases Wiki Activity

[ACS-10204] Provide proper contrast for user profile icon (#4973)

Browse Source 
* [ACS-10204] Provide proper contrast for user profile icon

* [ACS-10204] Adjust user profile colors
This commit is contained in:
Michal Kinas
2026-01-12 14:10:58 +01:00
committed by GitHub
parent 5799cddd03
commit d59be51feb
3 changed files with 7 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
projects/aca-content/src/lib/components/common/user-info/user-info.component.scss
+2 -2
View File
@@ -18,8 +18,8 @@
line-height: 32px; line-height: 32px;
text-align: center; text-align: center;
vertical-align: middle; vertical-align: middle;
background: var(--theme-about-panel-border-color); background: var(--theme-user-profile-background-color);
color: var(--theme-selected-text-color); color: var(--theme-white-background);
border: none; border: none;
} }
projects/aca-content/src/lib/components/sidenav/user-menu/user-menu.component.scss
+2 -2
View File
@@ -10,8 +10,8 @@
line-height: 32px; line-height: 32px;
text-align: center; text-align: center;
vertical-align: middle; vertical-align: middle;
background: var(--theme-about-panel-border-color); background: var(--theme-user-profile-background-color);
color: var(--theme-sidenav-user-menu-color); color: var(--theme-white-background);
border: none; border: none;
} }
} }
projects/aca-content/src/lib/ui/variables/variables.scss
+3 -2
View File
@@ -53,6 +53,7 @@ $card-background-grey-color: rgb(248, 248, 248);
$light-grey-1: #d5d5d5; $light-grey-1: #d5d5d5;
$light-grey-2: #d9d9d9; $light-grey-2: #d9d9d9;
$light-grey-3: #dedede; $light-grey-3: #dedede;
$user-profile-background: #595959;
// CSS Variables // CSS Variables
$defaults: ( $defaults: (
@@ -61,7 +62,6 @@ $defaults: (
--theme-text-color: mat.m2-get-color-from-palette($foreground, text, 0.54), --theme-text-color: mat.m2-get-color-from-palette($foreground, text, 0.54),
--theme-sidenav-text-color: mat.m2-get-color-from-palette($foreground, text), --theme-sidenav-text-color: mat.m2-get-color-from-palette($foreground, text),
--theme-sidenav-hovered-text-color: mat.m2-get-color-from-palette($foreground, text), --theme-sidenav-hovered-text-color: mat.m2-get-color-from-palette($foreground, text),
--theme-sidenav-user-menu-color: mat.m2-get-color-from-palette($foreground, text),
--theme-tab-active-text-color: mat.m2-get-color-from-palette($foreground, text), --theme-tab-active-text-color: mat.m2-get-color-from-palette($foreground, text),
--theme-text-bold-color: mat.m2-get-color-from-palette($foreground, text, 0.87), --theme-text-bold-color: mat.m2-get-color-from-palette($foreground, text, 0.87),
--theme-title-color: mat.m2-get-color-from-palette($foreground, text, 0.87), --theme-title-color: mat.m2-get-color-from-palette($foreground, text, 0.87),
@@ -111,7 +111,8 @@ $defaults: (
--theme-card-background-grey-color: $card-background-grey-color, --theme-card-background-grey-color: $card-background-grey-color,
--theme-light-grey-1-color: $light-grey-1, --theme-light-grey-1-color: $light-grey-1,
--theme-light-grey-2-color: $light-grey-2, --theme-light-grey-2-color: $light-grey-2,
--theme-light-grey-3-color: $light-grey-3 --theme-light-grey-3-color: $light-grey-3,
--theme-user-profile-background-color: $user-profile-background
); );
// propagates SCSS variables into the CSS variables scope // propagates SCSS variables into the CSS variables scope