[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:
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
@@ -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