diff --git a/packages/main/src/themes/Tag.css b/packages/main/src/themes/Tag.css index d4b2f1404aae..dfcd8df803d9 100644 --- a/packages/main/src/themes/Tag.css +++ b/packages/main/src/themes/Tag.css @@ -483,6 +483,16 @@ color: var(--ui5-tag-set2-color-scheme-9-color); } +:host([interactive][design="Set2"][color-scheme="9"]) .ui5-tag-root:hover { + background-color: var(--ui5-tag-set2-color-scheme-9-hover-background); +} + +:host([interactive][design="Set2"][color-scheme="9"]) .ui5-tag-root:active { + background-color: var(--ui5-tag-set2-color-scheme-9-active-background); + border-color: var(--ui5-tag-set2-color-scheme-9-active-border); + color: var(--ui5-tag-set2-color-scheme-9-active-color); +} + :host([interactive][design="Set2"][color-scheme="10"]) .ui5-tag-root:hover { background-color: var(--ui5-tag-set2-color-scheme-10-hover-background); } diff --git a/packages/main/src/themes/base/Tag-parameters.css b/packages/main/src/themes/base/Tag-parameters.css index 8a3179974910..f9d62f5adb22 100644 --- a/packages/main/src/themes/base/Tag-parameters.css +++ b/packages/main/src/themes/base/Tag-parameters.css @@ -100,6 +100,12 @@ --ui5-tag-set2-color-scheme-9-background: var(--sapIndicationColor_9b); --ui5-tag-set2-color-scheme-9-border: var(--sapIndicationColor_9b_BorderColor); + --ui5-tag-set2-color-scheme-9-hover-background: var(--sapIndicationColor_9b_Hover_Background); + + --ui5-tag-set2-color-scheme-9-active-color: var(--sapIndicationColor_9_Active_TextColor); + --ui5-tag-set2-color-scheme-9-active-background: var(--sapIndicationColor_9_Active_Background); + --ui5-tag-set2-color-scheme-9-active-border: var(--sapIndicationColor_9_Active_BorderColor); + --ui5-tag-set2-color-scheme-10-color: var(--sapIndicationColor_10); --ui5-tag-set2-color-scheme-10-background: var(--sapIndicationColor_10b); --ui5-tag-set2-color-scheme-10-border: var(--sapIndicationColor_10b_BorderColor); diff --git a/packages/main/src/themes/sap_fiori_3_hcb/Tag-parameters.css b/packages/main/src/themes/sap_fiori_3_hcb/Tag-parameters.css index 5d4161a3de16..9bdafc3f0123 100644 --- a/packages/main/src/themes/sap_fiori_3_hcb/Tag-parameters.css +++ b/packages/main/src/themes/sap_fiori_3_hcb/Tag-parameters.css @@ -91,6 +91,12 @@ --ui5-tag-set2-color-scheme-9-background: var(--sapIndicationColor_9_Background); --ui5-tag-set2-color-scheme-9-border: var(--sapIndicationColor_9_BorderColor); + --ui5-tag-set2-color-scheme-9-hover-background: var(--sapIndicationColor_9_Hover_Background); + + --ui5-tag-set2-color-scheme-9-active-color: var(--sapIndicationColor_9_Active_TextColor); + --ui5-tag-set2-color-scheme-9-active-background: var(--sapIndicationColor_9_Active_Background); + --ui5-tag-set2-color-scheme-9-active-border: var(--sapIndicationColor_9_Active_BorderColor); + --ui5-tag-set2-color-scheme-10-color: var(--sapIndicationColor_10_TextColor); --ui5-tag-set2-color-scheme-10-background: var(--sapIndicationColor_10_Background); --ui5-tag-set2-color-scheme-10-border: var(--sapIndicationColor_10_BorderColor); diff --git a/packages/main/src/themes/sap_fiori_3_hcw/Tag-parameters.css b/packages/main/src/themes/sap_fiori_3_hcw/Tag-parameters.css index 5d4161a3de16..9bdafc3f0123 100644 --- a/packages/main/src/themes/sap_fiori_3_hcw/Tag-parameters.css +++ b/packages/main/src/themes/sap_fiori_3_hcw/Tag-parameters.css @@ -91,6 +91,12 @@ --ui5-tag-set2-color-scheme-9-background: var(--sapIndicationColor_9_Background); --ui5-tag-set2-color-scheme-9-border: var(--sapIndicationColor_9_BorderColor); + --ui5-tag-set2-color-scheme-9-hover-background: var(--sapIndicationColor_9_Hover_Background); + + --ui5-tag-set2-color-scheme-9-active-color: var(--sapIndicationColor_9_Active_TextColor); + --ui5-tag-set2-color-scheme-9-active-background: var(--sapIndicationColor_9_Active_Background); + --ui5-tag-set2-color-scheme-9-active-border: var(--sapIndicationColor_9_Active_BorderColor); + --ui5-tag-set2-color-scheme-10-color: var(--sapIndicationColor_10_TextColor); --ui5-tag-set2-color-scheme-10-background: var(--sapIndicationColor_10_Background); --ui5-tag-set2-color-scheme-10-border: var(--sapIndicationColor_10_BorderColor); diff --git a/packages/main/src/themes/sap_horizon_hcb/Tag-parameters.css b/packages/main/src/themes/sap_horizon_hcb/Tag-parameters.css index b9627688bac5..8da8f195de62 100644 --- a/packages/main/src/themes/sap_horizon_hcb/Tag-parameters.css +++ b/packages/main/src/themes/sap_horizon_hcb/Tag-parameters.css @@ -99,6 +99,12 @@ --ui5-tag-set2-color-scheme-9-background: var(--sapIndicationColor_9_Background); --ui5-tag-set2-color-scheme-9-border: var(--sapIndicationColor_9_BorderColor); + --ui5-tag-set2-color-scheme-9-hover-background: var(--sapIndicationColor_9_Hover_Background); + + --ui5-tag-set2-color-scheme-9-active-color: var(--sapIndicationColor_9_Active_TextColor); + --ui5-tag-set2-color-scheme-9-active-background: var(--sapIndicationColor_9_Active_Background); + --ui5-tag-set2-color-scheme-9-active-border: var(--sapIndicationColor_9_Active_BorderColor); + --ui5-tag-set2-color-scheme-10-color: var(--sapIndicationColor_10_TextColor); --ui5-tag-set2-color-scheme-10-background: var(--sapIndicationColor_10_Background); --ui5-tag-set2-color-scheme-10-border: var(--sapIndicationColor_10_BorderColor); diff --git a/packages/main/src/themes/sap_horizon_hcw/Tag-parameters.css b/packages/main/src/themes/sap_horizon_hcw/Tag-parameters.css index cdbe98331ecd..5fb69c3577cd 100644 --- a/packages/main/src/themes/sap_horizon_hcw/Tag-parameters.css +++ b/packages/main/src/themes/sap_horizon_hcw/Tag-parameters.css @@ -100,6 +100,12 @@ --ui5-tag-set2-color-scheme-9-background: var(--sapIndicationColor_9_Background); --ui5-tag-set2-color-scheme-9-border: var(--sapIndicationColor_9_BorderColor); + --ui5-tag-set2-color-scheme-9-hover-background: var(--sapIndicationColor_9_Hover_Background); + + --ui5-tag-set2-color-scheme-9-active-color: var(--sapIndicationColor_9_Active_TextColor); + --ui5-tag-set2-color-scheme-9-active-background: var(--sapIndicationColor_9_Active_Background); + --ui5-tag-set2-color-scheme-9-active-border: var(--sapIndicationColor_9_Active_BorderColor); + --ui5-tag-set2-color-scheme-10-color: var(--sapIndicationColor_10_TextColor); --ui5-tag-set2-color-scheme-10-background: var(--sapIndicationColor_10_Background); --ui5-tag-set2-color-scheme-10-border: var(--sapIndicationColor_10_BorderColor);