Skip to content

Commit

Permalink
feat(styles): add avatar indication colors [ci visual] (#5604)
Browse files Browse the repository at this point in the history
  • Loading branch information
@droshev
droshev committed Sep 6, 2024
1 parent d7ca723 commit 066aa63
Show file tree
Hide file tree
Showing 11 changed files with 350 additions and 3 deletions.
82 changes: 82 additions & 0 deletions packages/styles/src/_avatar-variables.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -93,6 +93,88 @@ $fd-avatar-accent-colors: (
"border-color": var(--sapAvatar_10_BorderColor)
)
);
$fd-avatar-indication-colors: (
"1": (
"background-color": var(--fdAvatar_Indication_Color_1),
"background-color-hover": var(--fdAvatar_Indication_Color_Hover_1),
"border-color-hover":var(--fdAvatar_Indication_Color_1_Border_Color_Hover),
"text-color": var(--fdAvatar_Indication_Color_1_Text),
"border": var(--fdAvatar_Indication_Color_1_Border),
"border-color": var(--sapAvatar_1_BorderColor)
),
"2": (
"background-color": var(--fdAvatar_Indication_Color_2),
"background-color-hover": var(--fdAvatar_Indication_Color_Hover_2),
"border-color-hover":var(--fdAvatar_Indication_Color_2_Border_Color_Hover),
"text-color": var(--fdAvatar_Indication_Color_2_Text),
"border": var(--fdAvatar_Indication_Color_2_Border),
"border-color": var(--sapAvatar_2_BorderColor)
),
"3": (
"background-color": var(--fdAvatar_Indication_Color_3),
"background-color-hover": var(--fdAvatar_Indication_Color_Hover_3),
"border-color-hover":var(--fdAvatar_Indication_Color_3_Border_Color_Hover),
"text-color": var(--fdAvatar_Indication_Color_3_Text),
"border": var(--fdAvatar_Indication_Color_3_Border),
"border-color": var(--sapAvatar_3_BorderColor)
),
"4": (
"background-color": var(--fdAvatar_Indication_Color_4),
"background-color-hover": var(--fdAvatar_Indication_Color_Hover_4),
"border-color-hover":var(--fdAvatar_Indication_Color_4_Border_Color_Hover),
"text-color": var(--fdAvatar_Indication_Color_4_Text),
"border": var(--fdAvatar_Indication_Color_4_Border),
"border-color": var(--sapAvatar_4_BorderColor)
),
"5": (
"background-color": var(--fdAvatar_Indication_Color_5),
"background-color-hover": var(--fdAvatar_Indication_Color_Hover_5),
"border-color-hover":var(--fdAvatar_Indication_Color_5_Border_Color_Hover),
"text-color": var(--fdAvatar_Indication_Color_5_Text),
"border": var(--fdAvatar_Indication_Color_5_Border),
"border-color": var(--sapAvatar_5_BorderColor)
),
"6": (
"background-color": var(--fdAvatar_Indication_Color_6),
"background-color-hover": var(--fdAvatar_Indication_Color_Hover_6),
"border-color-hover":var(--fdAvatar_Indication_Color_6_Border_Color_Hover),
"text-color": var(--fdAvatar_Indication_Color_6_Text),
"border": var(--fdAvatar_Indication_Color_6_Border),
"border-color": var(--sapAvatar_6_BorderColor)
),
"7": (
"background-color": var(--fdAvatar_Indication_Color_7),
"background-color-hover": var(--fdAvatar_Indication_Color_Hover_7),
"border-color-hover":var(--fdAvatar_Indication_Color_7_Border_Color_Hover),
"text-color": var(--fdAvatar_Indication_Color_7_Text),
"border": var(--fdAvatar_Indication_Color_7_Border),
"border-color": var(--sapAvatar_7_BorderColor)
),
"8": (
"background-color": var(--fdAvatar_Indication_Color_8),
"background-color-hover": var(--fdAvatar_Indication_Color_Hover_8),
"border-color-hover":var(--fdAvatar_Indication_Color_8_Border_Color_Hover),
"text-color": var(--fdAvatar_Indication_Color_8_Text),
"border": var(--fdAvatar_Indication_Color_8_Border),
"border-color": var(--sapAvatar_8_BorderColor)
),
"9": (
"background-color": var(--fdAvatar_Indication_Color_9),
"background-color-hover": var(--fdAvatar_Indication_Color_Hover_9),
"border-color-hover":var(--fdAvatar_Indication_Color_9_Border_Color_Hover),
"text-color": var(--fdAvatar_Indication_Color_9_Text),
"border": var(--fdAvatar_Indication_Color_9_Border),
"border-color": var(--sapAvatar_9_BorderColor)
),
"10": (
"background-color": var(--fdAvatar_Indication_Color_10),
"background-color-hover": var(--fdAvatar_Indication_Color_Hover_10),
"border-color-hover":var(--fdAvatar_Indication_Color_10_Border_Color_Hover),
"text-color": var(--fdAvatar_Indication_Color_10_Text),
"border": var(--fdAvatar_Indication_Color_10_Border),
"border-color": var(--sapAvatar_10_BorderColor)
)
);
$fd-avatar-sizes: (
"xs": (
"ratio": ($fd-avatar-const-ratio * 2),
Expand Down
29 changes: 28 additions & 1 deletion packages/styles/src/avatar.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -27,14 +27,16 @@ $block: #{$fd-namespace}-avatar;
border-radius: var(--fdAvatarBorderRadius);
background-size: var(--fdAvatarBackgroundSize);
background-color: var(--fdAvatarBackgroundColor);
box-shadow: var(--fdAvatarBoxShadow);

&--interactive,
&[role="button"],
&[tabindex="0"] {
cursor: pointer;

@include fd-hover() {
--fdAvatarBorderColor: var(--fdAvatarHoverBorderColor);
--fdAvatarBorderColor: none;
--fdAvatarBoxShadow: var(--sapContent_Interaction_Shadow);
--fdAvatarBackgroundColor: var(--fdAvatarHoverBackgroundColor);
}

Expand Down Expand Up @@ -204,6 +206,19 @@ $block: #{$fd-namespace}-avatar;
}
}

// indication-colors
@each $set-name, $color-set in $fd-avatar-indication-colors {
&--indication-color-#{$set-name}.#{$block}--overflow,
&--indication-color-#{$set-name} {
--fdAvatarBorderColor: #{map.get($color-set, "border")};
--fdAvatarColor: #{map.get($color-set, "text-color")};
--fdAvatarBackgroundColor: #{map.get($color-set, "background-color")};
--fdAvatarHoverBorderColor: #{map.get($color-set, "border-color-hover")};
--fdAvatarHoverBackgroundColor: #{map.get($color-set, "background-color-hover")};
}
}


@each $set-name, $size-set in $fd-avatar-sizes {
&--#{$set-name} {
--fdAvatarZoomIconOffset: #{map.get($size-set, "offset")};
Expand Down Expand Up @@ -233,6 +248,18 @@ $accent-selector: ();
}
}

$indication-selector: ();

@each $item in map.keys($fd-avatar-indication-colors) {
$indication-selector: $indication-selector, '.#{$block}--indication-color-#{$item}';
}

#{$indication-selector} {
&.#{$block}--shell {
@include fd-set-border(var(--sapShell_InteractiveBorderColor));
}
}

$selector: ();

@each $item in map.keys($fd-avatar-sizes) {
Expand Down
1 change: 1 addition & 0 deletions packages/styles/src/theming/common/avatar/_common.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -11,6 +11,7 @@
--fdAvatarColor: var(--fdAvatar_Color);
--fdAvatarBackgroundColor: var(--fdAvatar_BackgroundColor);
--fdAvatarBorderRadius: var(--sapElement_BorderCornerRadius);
--fdAvatarBoxShadow: none;

/* Hover */
--fdAvatarHoverBorderColor: var(--sapAvatar_6_TextColor);
Expand Down
53 changes: 53 additions & 0 deletions packages/styles/src/theming/common/avatar/_sap_fiori.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -91,4 +91,57 @@
--fdAvatar_Accent_Color_8_Border_Color_Hover: var(--sapAccentColor8);
--fdAvatar_Accent_Color_9_Border_Color_Hover: var(--sapAccentColor9);
--fdAvatar_Accent_Color_10_Border_Color_Hover: var(--sapAccentColor10);


/* Indication Colors */
--fdAvatar_Indication_Color_1: var(--sapIndicationColor_1_Background);
--fdAvatar_Indication_Color_2: var(--sapIndicationColor_2_Background);
--fdAvatar_Indication_Color_3: var(--sapIndicationColor_3_Background);
--fdAvatar_Indication_Color_4: var(--sapIndicationColor_4_Background);
--fdAvatar_Indication_Color_5: var(--sapIndicationColor_5_Background);
--fdAvatar_Indication_Color_6: var(--sapIndicationColor_6_Background);
--fdAvatar_Indication_Color_7: var(--sapIndicationColor_7_Background);
--fdAvatar_Indication_Color_8: var(--sapIndicationColor_8_Background);
--fdAvatar_Indication_Color_9: var(--sapIndicationColor_9_Background);
--fdAvatar_Indication_Color_10: var(--sapIndicationColor_10_Background);
--fdAvatar_Indication_Color_1_Text: var(--sapIndicationColor_1_TextColor);
--fdAvatar_Indication_Color_2_Text: var(--sapIndicationColor_2_TextColor);
--fdAvatar_Indication_Color_3_Text: var(--sapIndicationColor_3_TextColor);
--fdAvatar_Indication_Color_4_Text: var(--sapIndicationColor_4_TextColor);
--fdAvatar_Indication_Color_5_Text: var(--sapIndicationColor_5_TextColor);
--fdAvatar_Indication_Color_6_Text: var(--sapIndicationColor_6_TextColor);
--fdAvatar_Indication_Color_7_Text: var(--sapIndicationColor_7_TextColor);
--fdAvatar_Indication_Color_8_Text: var(--sapIndicationColor_8_TextColor);
--fdAvatar_Indication_Color_9_Text: var(--sapIndicationColor_9_TextColor);
--fdAvatar_Indication_Color_10_Text: var(--sapIndicationColor_10_TextColor);
--fdAvatar_Indication_Color_1_Border: transparent;
--fdAvatar_Indication_Color_2_Border: transparent;
--fdAvatar_Indication_Color_3_Border: transparent;
--fdAvatar_Indication_Color_4_Border: transparent;
--fdAvatar_Indication_Color_5_Border: transparent;
--fdAvatar_Indication_Color_6_Border: transparent;
--fdAvatar_Indication_Color_7_Border: transparent;
--fdAvatar_Indication_Color_8_Border: transparent;
--fdAvatar_Indication_Color_9_Border: transparent;
--fdAvatar_Indication_Color_10_Border: transparent;
--fdAvatar_Indication_Color_Hover_1: var(--sapIndicationColor_1_Background);
--fdAvatar_Indication_Color_Hover_2: var(--sapIndicationColor_2_Background);
--fdAvatar_Indication_Color_Hover_3: var(--sapIndicationColor_3_Background);
--fdAvatar_Indication_Color_Hover_4: var(--sapIndicationColor_4_Background);
--fdAvatar_Indication_Color_Hover_5: var(--sapIndicationColor_5_Background);
--fdAvatar_Indication_Color_Hover_6: var(--sapIndicationColor_6_Background);
--fdAvatar_Indication_Color_Hover_7: var(--sapIndicationColor_7_Background);
--fdAvatar_Indication_Color_Hover_8: var(--sapIndicationColor_8_Background);
--fdAvatar_Indication_Color_Hover_9: var(--sapIndicationColor_9_Background);
--fdAvatar_Indication_Color_Hover_10: var(--sapIndicationColor_10_Background);
--fdAvatar_Indication_Color_1_Border_Color_Hover: var(--sapIndicationColor_1_TextColor);
--fdAvatar_Indication_Color_2_Border_Color_Hover: var(--sapIndicationColor_2_TextColor);
--fdAvatar_Indication_Color_3_Border_Color_Hover: var(--sapIndicationColor_3_TextColor);
--fdAvatar_Indication_Color_4_Border_Color_Hover: var(--sapIndicationColor_4_TextColor);
--fdAvatar_Indication_Color_5_Border_Color_Hover: var(--sapIndicationColor_5_TextColor);
--fdAvatar_Indication_Color_6_Border_Color_Hover: var(--sapIndicationColor_6_TextColor);
--fdAvatar_Indication_Color_7_Border_Color_Hover: var(--sapIndicationColor_7_TextColor);
--fdAvatar_Indication_Color_8_Border_Color_Hover: var(--sapIndicationColor_8_TextColor);
--fdAvatar_Indication_Color_9_Border_Color_Hover: var(--sapIndicationColor_9_TextColor);
--fdAvatar_Indication_Color_10_Border_Color_Hover: var(--sapIndicationColor_10_TextColor);
}
54 changes: 54 additions & 0 deletions packages/styles/src/theming/common/avatar/_sap_fiori_hc.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -91,4 +91,58 @@
--fdAvatar_Accent_Color_8_Border_Color_Hover: var(--sapGroup_ContentBorderColor);
--fdAvatar_Accent_Color_9_Border_Color_Hover: var(--sapGroup_ContentBorderColor);
--fdAvatar_Accent_Color_10_Border_Color_Hover: var(--sapGroup_ContentBorderColor);


/* Indication Colors */
--fdAvatar_Indication_Color_1: var(--sapBackgroundColor);
--fdAvatar_Indication_Color_2: var(--sapBackgroundColor);
--fdAvatar_Indication_Color_3: var(--sapBackgroundColor);
--fdAvatar_Indication_Color_4: var(--sapBackgroundColor);
--fdAvatar_Indication_Color_5: var(--sapBackgroundColor);
--fdAvatar_Indication_Color_6: var(--sapBackgroundColor);
--fdAvatar_Indication_Color_7: var(--sapBackgroundColor);
--fdAvatar_Indication_Color_8: var(--sapBackgroundColor);
--fdAvatar_Indication_Color_9: var(--sapBackgroundColor);
--fdAvatar_Indication_Color_10: var(--sapBackgroundColor);
--fdAvatar_Indication_Color_1_Text: var(--sapContent_ContrastTextColor);
--fdAvatar_Indication_Color_2_Text: var(--sapContent_ContrastTextColor);
--fdAvatar_Indication_Color_3_Text: var(--sapContent_ContrastTextColor);
--fdAvatar_Indication_Color_4_Text: var(--sapContent_ContrastTextColor);
--fdAvatar_Indication_Color_5_Text: var(--sapContent_ContrastTextColor);
--fdAvatar_Indication_Color_6_Text: var(--sapContent_ContrastTextColor);
--fdAvatar_Indication_Color_7_Text: var(--sapContent_ContrastTextColor);
--fdAvatar_Indication_Color_8_Text: var(--sapContent_ContrastTextColor);
--fdAvatar_Indication_Color_9_Text: var(--sapContent_ContrastTextColor);
--fdAvatar_Indication_Color_10_Text: var(--sapContent_ContrastTextColor);
--fdAvatar_Indication_Color_1_Border: var(--sapGroup_ContentBorderColor);
--fdAvatar_Indication_Color_2_Border: var(--sapGroup_ContentBorderColor);
--fdAvatar_Indication_Color_3_Border: var(--sapGroup_ContentBorderColor);
--fdAvatar_Indication_Color_4_Border: var(--sapGroup_ContentBorderColor);
--fdAvatar_Indication_Color_5_Border: var(--sapGroup_ContentBorderColor);
--fdAvatar_Indication_Color_6_Border: var(--sapGroup_ContentBorderColor);
--fdAvatar_Indication_Color_7_Border: var(--sapGroup_ContentBorderColor);
--fdAvatar_Indication_Color_8_Border: var(--sapGroup_ContentBorderColor);
--fdAvatar_Indication_Color_9_Border: var(--sapGroup_ContentBorderColor);
--fdAvatar_Indication_Color_10_Border: var(--sapGroup_ContentBorderColor);
--fdAvatar_Indication_Color_Hover_1: var(--sapActiveColor);
--fdAvatar_Indication_Color_Hover_2: var(--sapActiveColor);
--fdAvatar_Indication_Color_Hover_3: var(--sapActiveColor);
--fdAvatar_Indication_Color_Hover_4: var(--sapActiveColor);
--fdAvatar_Indication_Color_Hover_5: var(--sapActiveColor);
--fdAvatar_Indication_Color_Hover_6: var(--sapActiveColor);
--fdAvatar_Indication_Color_Hover_7: var(--sapActiveColor);
--fdAvatar_Indication_Color_Hover_8: var(--sapActiveColor);
--fdAvatar_Indication_Color_Hover_9: var(--sapActiveColor);
--fdAvatar_Indication_Color_Hover_10: var(--sapActiveColor);
--fdAvatar_Indication_Color_1_Border_Color_Hover: var(--sapGroup_ContentBorderColor);
--fdAvatar_Indication_Color_2_Border_Color_Hover: var(--sapGroup_ContentBorderColor);
--fdAvatar_Indication_Color_3_Border_Color_Hover: var(--sapGroup_ContentBorderColor);
--fdAvatar_Indication_Color_4_Border_Color_Hover: var(--sapGroup_ContentBorderColor);
--fdAvatar_Indication_Color_5_Border_Color_Hover: var(--sapGroup_ContentBorderColor);
--fdAvatar_Indication_Color_6_Border_Color_Hover: var(--sapGroup_ContentBorderColor);
--fdAvatar_Indication_Color_7_Border_Color_Hover: var(--sapGroup_ContentBorderColor);
--fdAvatar_Indication_Color_8_Border_Color_Hover: var(--sapGroup_ContentBorderColor);
--fdAvatar_Indication_Color_9_Border_Color_Hover: var(--sapGroup_ContentBorderColor);
--fdAvatar_Indication_Color_10_Border_Color_Hover: var(--sapGroup_ContentBorderColor);

}
52 changes: 52 additions & 0 deletions packages/styles/src/theming/common/avatar/_sap_horizon.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -91,4 +91,56 @@
--fdAvatar_Accent_Color_8_Border_Color_Hover: var(--sapAvatar_8_TextColor);
--fdAvatar_Accent_Color_9_Border_Color_Hover: var(--sapAvatar_9_TextColor);
--fdAvatar_Accent_Color_10_Border_Color_Hover: var(--sapAvatar_10_TextColor);

/* Indication Colors */
--fdAvatar_Indication_Color_1: var(--sapIndicationColor_1_Background);
--fdAvatar_Indication_Color_2: var(--sapIndicationColor_2_Background);
--fdAvatar_Indication_Color_3: var(--sapIndicationColor_3_Background);
--fdAvatar_Indication_Color_4: var(--sapIndicationColor_4_Background);
--fdAvatar_Indication_Color_5: var(--sapIndicationColor_5_Background);
--fdAvatar_Indication_Color_6: var(--sapIndicationColor_6_Background);
--fdAvatar_Indication_Color_7: var(--sapIndicationColor_7_Background);
--fdAvatar_Indication_Color_8: var(--sapIndicationColor_8_Background);
--fdAvatar_Indication_Color_9: var(--sapIndicationColor_9_Background);
--fdAvatar_Indication_Color_10: var(--sapIndicationColor_10_Background);
--fdAvatar_Indication_Color_1_Text: var(--sapIndicationColor_1_TextColor);
--fdAvatar_Indication_Color_2_Text: var(--sapIndicationColor_2_TextColor);
--fdAvatar_Indication_Color_3_Text: var(--sapIndicationColor_3_TextColor);
--fdAvatar_Indication_Color_4_Text: var(--sapIndicationColor_4_TextColor);
--fdAvatar_Indication_Color_5_Text: var(--sapIndicationColor_5_TextColor);
--fdAvatar_Indication_Color_6_Text: var(--sapIndicationColor_6_TextColor);
--fdAvatar_Indication_Color_7_Text: var(--sapIndicationColor_7_TextColor);
--fdAvatar_Indication_Color_8_Text: var(--sapIndicationColor_8_TextColor);
--fdAvatar_Indication_Color_9_Text: var(--sapIndicationColor_9_TextColor);
--fdAvatar_Indication_Color_10_Text: var(--sapIndicationColor_10_TextColor);
--fdAvatar_Indication_Color_1_Border: var(--sapIndicationColor_1_BorderColor);
--fdAvatar_Indication_Color_2_Border: var(--sapIndicationColor_2_BorderColor);
--fdAvatar_Indication_Color_3_Border: var(--sapIndicationColor_3_BorderColor);
--fdAvatar_Indication_Color_4_Border: var(--sapIndicationColor_4_BorderColor);
--fdAvatar_Indication_Color_5_Border: var(--sapIndicationColor_5_BorderColor);
--fdAvatar_Indication_Color_6_Border: var(--sapIndicationColor_6_BorderColor);
--fdAvatar_Indication_Color_7_Border: var(--sapIndicationColor_7_BorderColor);
--fdAvatar_Indication_Color_8_Border: var(--sapIndicationColor_8_BorderColor);
--fdAvatar_Indication_Color_9_Border: var(--sapIndicationColor_9_BorderColor);
--fdAvatar_Indication_Color_10_Border: var(--sapIndicationColor_10_BorderColor);
--fdAvatar_Indication_Color_Hover_1: var(--sapIndicationColor_1_Background);
--fdAvatar_Indication_Color_Hover_2: var(--sapIndicationColor_2_Background);
--fdAvatar_Indication_Color_Hover_3: var(--sapIndicationColor_3_Background);
--fdAvatar_Indication_Color_Hover_4: var(--sapIndicationColor_4_Background);
--fdAvatar_Indication_Color_Hover_5: var(--sapIndicationColor_5_Background);
--fdAvatar_Indication_Color_Hover_6: var(--sapIndicationColor_6_Background);
--fdAvatar_Indication_Color_Hover_7: var(--sapIndicationColor_7_Background);
--fdAvatar_Indication_Color_Hover_8: var(--sapIndicationColor_8_Background);
--fdAvatar_Indication_Color_Hover_9: var(--sapIndicationColor_9_Background);
--fdAvatar_Indication_Color_Hover_10: var(--sapIndicationColor_10_Background);
--fdAvatar_Indication_Color_1_Border_Color_Hover: var(--sapIndicationColor_1_TextColor);
--fdAvatar_Indication_Color_2_Border_Color_Hover: var(--sapIndicationColor_2_TextColor);
--fdAvatar_Indication_Color_3_Border_Color_Hover: var(--sapIndicationColor_3_TextColor);
--fdAvatar_Indication_Color_4_Border_Color_Hover: var(--sapIndicationColor_4_TextColor);
--fdAvatar_Indication_Color_5_Border_Color_Hover: var(--sapIndicationColor_5_TextColor);
--fdAvatar_Indication_Color_6_Border_Color_Hover: var(--sapIndicationColor_6_TextColor);
--fdAvatar_Indication_Color_7_Border_Color_Hover: var(--sapIndicationColor_7_TextColor);
--fdAvatar_Indication_Color_8_Border_Color_Hover: var(--sapIndicationColor_8_TextColor);
--fdAvatar_Indication_Color_9_Border_Color_Hover: var(--sapIndicationColor_9_TextColor);
--fdAvatar_Indication_Color_10_Border_Color_Hover: var(--sapIndicationColor_10_TextColor);
}
12 changes: 12 additions & 0 deletions packages/styles/src/theming/common/avatar/_sap_horizon_hc.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -91,4 +91,16 @@
--fdAvatar_Accent_Color_8_Border_Color_Hover: var(--sapAvatar_8_TextColor);
--fdAvatar_Accent_Color_9_Border_Color_Hover: var(--sapAvatar_9_TextColor);
--fdAvatar_Accent_Color_10_Border_Color_Hover: var(--sapAvatar_10_TextColor);

/* Indication Colors */
--fdAvatar_Indication_Color_Hover_1: var(--sapActiveColor);
--fdAvatar_Indication_Color_Hover_2: var(--sapActiveColor);
--fdAvatar_Indication_Color_Hover_3: var(--sapActiveColor);
--fdAvatar_Indication_Color_Hover_4: var(--sapActiveColor);
--fdAvatar_Indication_Color_Hover_5: var(--sapActiveColor);
--fdAvatar_Indication_Color_Hover_6: var(--sapActiveColor);
--fdAvatar_Indication_Color_Hover_7: var(--sapActiveColor);
--fdAvatar_Indication_Color_Hover_8: var(--sapActiveColor);
--fdAvatar_Indication_Color_Hover_9: var(--sapActiveColor);
--fdAvatar_Indication_Color_Hover_10: var(--sapActiveColor);
}
Loading

0 comments on commit 066aa63

Please sign in to comment.