refactor(ui5-radio-button): adjust hover colors for horizon theme (#1…

…0506)
SAP · Jan 15, 2025 · 5493f68 · 5493f68
1 parent ad8f08f
commit 5493f68
Show file tree

Hide file tree

Showing 4 changed files with 20 additions and 12 deletions.
diff --git a/packages/main/src/themes/sap_horizon/RadioButton-parameters.css b/packages/main/src/themes/sap_horizon/RadioButton-parameters.css
@@ -1,6 +1,11 @@
 @import "../base/RadioButton-parameters.css";
 
 :root {
+	--_ui5_radio_button_hover_fill: var(--sapField_Selector_Hover_Background);
+	--_ui5_radio_button_hover_fill_error: var(--sapField_Selector_Hover_InvalidBackground);
+	--_ui5_radio_button_hover_fill_warning: var(--sapField_Selector_Hover_WarningBackground);
+	--_ui5_radio_button_hover_fill_success: var(--sapField_Selector_Hover_SuccessBackground);
+	--_ui5_radio_button_hover_fill_information: var(--sapField_Selector_Hover_InformationBackground);
 	--_ui5_radio_button_border_width: var(--sapContent_FocusWidth);
 	--_ui5_radio_button_border_radius: 0.5rem;
 	--_ui5_radio_button_label_color: var(--sapField_TextColor);
@@ -11,7 +16,6 @@
 	--_ui5_radio_button_checked_warning_fill: var(--sapField_WarningColor);
 	--_ui5_radio_button_read_only_inner_ring_color: var(--sapField_TextColor);
 	--_ui5_radio_button_read_only_border_width: var(--sapElement_BorderWidth);
-	--_ui5_radio_button_hover_fill: var(--sapContent_Selected_Hover_Background);
 	--_ui5_radio_button_focus_dist: 0.375rem;
 }
 

diff --git a/packages/main/src/themes/sap_horizon_dark/RadioButton-parameters.css b/packages/main/src/themes/sap_horizon_dark/RadioButton-parameters.css
@@ -1,6 +1,11 @@
 @import "../base/RadioButton-parameters.css";
 
 :root {
+	--_ui5_radio_button_hover_fill: var(--sapField_Selector_Hover_Background);
+	--_ui5_radio_button_hover_fill_error: var(--sapField_Selector_Hover_InvalidBackground);
+	--_ui5_radio_button_hover_fill_warning: var(--sapField_Selector_Hover_WarningBackground);
+	--_ui5_radio_button_hover_fill_success: var(--sapField_Selector_Hover_SuccessBackground);
+	--_ui5_radio_button_hover_fill_information: var(--sapField_Selector_Hover_InformationBackground);
 	--_ui5_radio_button_border_width: var(--sapContent_FocusWidth);
 	--_ui5_radio_button_border_radius: 0.5rem;
 	--_ui5_radio_button_label_color: var(--sapField_TextColor);
@@ -11,7 +16,6 @@
 	--_ui5_radio_button_checked_warning_fill: var(--sapField_WarningColor);
 	--_ui5_radio_button_read_only_inner_ring_color: var(--sapField_TextColor);
 	--_ui5_radio_button_read_only_border_width: var(--sapElement_BorderWidth);
-	--_ui5_radio_button_hover_fill: var(--sapContent_Selected_Hover_Background);
 	--_ui5_radio_button_focus_dist: 0.375rem;
 }
 

diff --git a/packages/main/src/themes/sap_horizon_hcb/RadioButton-parameters.css b/packages/main/src/themes/sap_horizon_hcb/RadioButton-parameters.css
@@ -2,11 +2,11 @@
 
 :root {
 	--_ui5_radio_button_checked_fill: var(--sapContent_IconColor);
-	--_ui5_radio_button_hover_fill_error: var(--sapField_InvalidBackground);
-	--_ui5_radio_button_hover_fill_warning: var(--sapField_WarningBackground);
-	--_ui5_radio_button_hover_fill_success: var(--sapField_SuccessBackground);
-	--_ui5_radio_button_hover_fill_information: var(--sapField_InformationBackground);
-	--_ui5_radio_button_hover_fill: var(--sapSelectedColor);
+	--_ui5_radio_button_hover_fill: var(--sapField_Selector_Hover_Background);
+	--_ui5_radio_button_hover_fill_error: var(--sapField_Selector_Hover_InvalidBackground);
+	--_ui5_radio_button_hover_fill_warning: var(--sapField_Selector_Hover_WarningBackground);
+	--_ui5_radio_button_hover_fill_success: var(--sapField_Selector_Hover_SuccessBackground);
+	--_ui5_radio_button_hover_fill_information: var(--sapField_Selector_Hover_InformationBackground);
 	--_ui5_radio_button_border_width: 0.125rem;
 	--_ui5_radio_button_warning_error_border_dash: 5;
 	--_ui5_radio_button_inner_ring_radius: 27.5%;

diff --git a/packages/main/src/themes/sap_horizon_hcw/RadioButton-parameters.css b/packages/main/src/themes/sap_horizon_hcw/RadioButton-parameters.css
@@ -2,15 +2,15 @@
 
 :root {
 	--_ui5_radio_button_checked_fill: var(--sapContent_IconColor);
-	--_ui5_radio_button_hover_fill_error: var(--sapField_InvalidBackground);
-	--_ui5_radio_button_hover_fill_warning: var(--sapField_WarningBackground);
-	--_ui5_radio_button_hover_fill_success: var(--sapField_SuccessBackground);
-	--_ui5_radio_button_hover_fill_information: var(--sapField_InformationBackground);
+	--_ui5_radio_button_hover_fill: var(--sapField_Selector_Hover_Background);
+	--_ui5_radio_button_hover_fill_error: var(--sapField_Selector_Hover_InvalidBackground);
+	--_ui5_radio_button_hover_fill_warning: var(--sapField_Selector_Hover_WarningBackground);
+	--_ui5_radio_button_hover_fill_success: var(--sapField_Selector_Hover_SuccessBackground);
+	--_ui5_radio_button_hover_fill_information: var(--sapField_Selector_Hover_InformationBackground);
 	--_ui5_radio_button_checked_warning_fill: var(--sapContent_IconColor);
 	--_ui5_radio_button_checked_error_fill: var(--sapContent_IconColor);
 	--_ui5_radio_button_checked_success_fill: var(--sapContent_IconColor);
 	--_ui5_radio_button_checked_information_fill: var(--sapContent_IconColor);
-	--_ui5_radio_button_hover_fill: var(--sapSelectedColor);
 	--_ui5_radio_button_border_width: 0.125rem;
 	--_ui5_radio_button_warning_error_border_dash: 5;
 	--_ui5_radio_button_inner_ring_radius: 27.5%;