fix(ui5-token): apply correct background color in HC themes (#4464)

SAP · Dec 10, 2021 · 133e45d · 133e45d
1 parent 755599d
commit 133e45d
Show file tree

Hide file tree

Showing 6 changed files with 6 additions and 0 deletions.
diff --git a/packages/main/src/themes/Token.css b/packages/main/src/themes/Token.css
@@ -36,6 +36,7 @@
 }
 
 :host([readonly]) {
+	background: var(--_ui5_token_readonly_background);
 	color: var(--sapContent_ForegroundTextColor);
 }
 

diff --git a/packages/main/src/themes/base/Token-parameters.css b/packages/main/src/themes/base/Token-parameters.css
@@ -1,5 +1,6 @@
 :root {
 	--_ui5_token_background: var(--sapButton_Background);
+	--_ui5_token_readonly_background: var(--sapButton_Background);
 	--_ui5_token_border_radius: 0.125rem;
 	--_ui5_token_focus_outline_width: 0.0625rem;
 	--_ui5_token_text_color: var(--sapButton_TextColor);

diff --git a/packages/main/src/themes/sap_belize_hcb/Token-parameters.css b/packages/main/src/themes/sap_belize_hcb/Token-parameters.css
@@ -2,4 +2,5 @@
 
 :root {
 	--_ui5_token_border_radius: 0.125rem;
+	--_ui5_token_readonly_background: var(--sapField_ReadOnly_Background);
 }
diff --git a/packages/main/src/themes/sap_belize_hcw/Token-parameters.css b/packages/main/src/themes/sap_belize_hcw/Token-parameters.css
@@ -2,4 +2,5 @@
 
 :root {
 	--_ui5_token_border_radius: 0.125rem;
+	--_ui5_token__readonly_background: var(--sapField_ReadOnly_Background);
 }
diff --git a/packages/main/src/themes/sap_fiori_3_hcb/Token-parameters.css b/packages/main/src/themes/sap_fiori_3_hcb/Token-parameters.css
@@ -3,4 +3,5 @@
 :root {
 	--_ui5_token_border_radius: 0.25rem;
 	--_ui5_token_focus_outline_width: 0.125rem;
+	--_ui5_token_readonly_background: var(--sapField_ReadOnly_Background);
 }
diff --git a/packages/main/src/themes/sap_fiori_3_hcw/Token-parameters.css b/packages/main/src/themes/sap_fiori_3_hcw/Token-parameters.css
@@ -3,4 +3,5 @@
 :root {
 	--_ui5_token_border_radius: 0.25rem;
 	--_ui5_token_focus_outline_width: 0.125rem;
+	--_ui5_token_readonly_background: var(--sapField_ReadOnly_Background);
 }
-Original file line number
+Diff line change
@@ Expand Up / @@ -36,6 +36,7 @@ @@
     }
     :host([readonly]) {
+    	background: var(--_ui5_token_readonly_background);
     	color: var(--sapContent_ForegroundTextColor);
     }
@@ Expand Down @@