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

niyap · web-flow · commit 133e45d9e90f · 2021-12-10T16:27:39.000+02:00
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 number	Diff line change
`@@ -36,6 +36,7 @@`
`36`	`36`	`}`
`37`	`37`
`38`	`38`	`:host([readonly]) {`
	`39`	`+ background: var(--_ui5_token_readonly_background);`
`39`	`40`	`color: var(--sapContent_ForegroundTextColor);`
`40`	`41`	`}`
`41`	`42`
Original file line number	Diff line number	Diff line change
`@@ -2,4 +2,5 @@`
`2`	`2`
`3`	`3`	`:root {`
`4`	`4`	`--_ui5_token_border_radius: 0.125rem;`
	`5`	`+ --_ui5_token_readonly_background: var(--sapField_ReadOnly_Background);`
`5`	`6`	`}`
Original file line number	Diff line number	Diff line change
`@@ -3,4 +3,5 @@`
`3`	`3`	`:root {`
`4`	`4`	`--_ui5_token_border_radius: 0.25rem;`
`5`	`5`	`--_ui5_token_focus_outline_width: 0.125rem;`
	`6`	`+ --_ui5_token_readonly_background: var(--sapField_ReadOnly_Background);`
`6`	`7`	`}`