mirror of
https://github.com/Alfresco/alfresco-content-app.git
synced 2026-09-09 18:02:54 +00:00
[ACS-10204] Provide proper contrast for user profile icon (#4973)
* [ACS-10204] Provide proper contrast for user profile icon * [ACS-10204] Adjust user profile colors
This commit is contained in:
@@ -18,8 +18,8 @@
|
||||
line-height: 32px;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
background: var(--theme-about-panel-border-color);
|
||||
color: var(--theme-selected-text-color);
|
||||
background: var(--theme-user-profile-background-color);
|
||||
color: var(--theme-white-background);
|
||||
border: none;
|
||||
}
|
||||
|
||||
|
||||
@@ -10,8 +10,8 @@
|
||||
line-height: 32px;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
background: var(--theme-about-panel-border-color);
|
||||
color: var(--theme-sidenav-user-menu-color);
|
||||
background: var(--theme-user-profile-background-color);
|
||||
color: var(--theme-white-background);
|
||||
border: none;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -53,6 +53,7 @@ $card-background-grey-color: rgb(248, 248, 248);
|
||||
$light-grey-1: #d5d5d5;
|
||||
$light-grey-2: #d9d9d9;
|
||||
$light-grey-3: #dedede;
|
||||
$user-profile-background: #595959;
|
||||
|
||||
// CSS Variables
|
||||
$defaults: (
|
||||
@@ -61,7 +62,6 @@ $defaults: (
|
||||
--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-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-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),
|
||||
@@ -111,7 +111,8 @@ $defaults: (
|
||||
--theme-card-background-grey-color: $card-background-grey-color,
|
||||
--theme-light-grey-1-color: $light-grey-1,
|
||||
--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
|
||||
|
||||
Reference in New Issue
Block a user