@openui5/themelib_sap_horizon 1.130.1 → 1.131.0

package/src/sap/m/themes/sap_horizon_hcb/ObjectAttribute.less

@@ -18,13 +18,13 @@
 .sapMObjectAttributeActive .sapMObjectAttributeText:focus::after {
 	pointer-events: none;
 	display: block;
-	content: "";
+	content: '';
 	position: absolute;
 	top: 2px;
 	left: 1px;
 	bottom: 2px;
 	right: 1px;
-	outline: 2px dotted @sapUiContentFocusColor;
+	outline: 2px dotted var(--sapContent_FocusColor);
 }
 
 .sapMObjectAttributeActive .sapMObjectAttributeText:active,
@@ -40,7 +40,7 @@
 .sapMOHR .sapMObjectAttributeActive .sapMObjectAttributeText:hover,
 .sapMOHR .sapMObjectAttributeActive .sapMObjectAttributeText:focus {
 	text-decoration: underline;
-	color: @sapUiLinkHoverColor;
+	color: var(--sapLink_Hover_Color);
 }
 
 /*=========================================== */

package/src/sap/m/themes/sap_horizon_hcb/ObjectListItem.less

@@ -7,12 +7,12 @@
 .sapMLIBSelected .sapMObjectNumberUnit,
 .sapMLIBHoverable:hover .sapMObjectNumberText,
 .sapMLIBHoverable:hover .sapMObjectNumberUnit {
-	color: @sapUiListActiveTextColor;
+	color: var(--sapList_Active_TextColor);
 }
 
 .sapMText.sapMObjLTitle {
-	font-size: @sapMFontHeader5Size;
-	font-family: @sapUiFontSemiboldDuplexFamily;
+	font-size: var(--sapFontHeader5Size);
+	font-family: var(--sapFontSemiboldDuplexFamily);
 }
 
 .sapMObjLNumberDiv .sapMObjectNumber .sapMObjectNumberText {
@@ -20,5 +20,5 @@
 }
 
 .sapMObjLItem.sapMLIBActive .sapMObjLIcon {
-	color: @sapUiContentIconColor;
+	color: var(--sapContent_IconColor);
 }

package/src/sap/m/themes/sap_horizon_hcb/ObjectNumber.less

@@ -3,10 +3,11 @@
 /* Horizon High Contrast Black theme   */
 /* =================================== */
 
-@sapMONInformativeElement: @sapUiInformationBG;
+@sapMONInformativeElement: var(--sapInformationBackground);
 
 .sapMObjectNumberInverted {
 	box-sizing: border-box;
+
 	&:not(.sapMObjectNumberLarge) .sapMObjectNumberInner {
 		min-height: 1rem;
 		height: auto;
@@ -14,9 +15,9 @@
 }
 
 .sapMObjectNumberInverted .sapMObjectNumberInner {
-	background-color: @sapUiBaseBG;
+	background-color: var(--sapBackgroundColor);
 	border: 0.0625rem solid;
-	border-radius: @sapUiButtonBorderCornerRadius;
+	border-radius: var(--sapButton_BorderCornerRadius);
 	padding: 0.1875rem 0.25rem;
 	vertical-align: middle;
 }
@@ -24,11 +25,11 @@
 html.sap-desktop .sapMObjectNumberActive:focus {
 
 	.sapMObjectNumberInner::after {
-		top: 0px;
+		top: 0;
 		left: 1px;
 		bottom: -1px;
 		right: 1px;
-		outline: 2px dotted @sapUiContentFocusColor;
+		outline: 2px dotted var(--sapContent_FocusColor);
 	}
 
 	&.sapMObjectNumberInverted .sapMObjectNumberInner::after {
@@ -36,7 +37,7 @@ html.sap-desktop .sapMObjectNumberActive:focus {
 		left: 0.125rem;
 		bottom: 0.0625rem;
 		right: 0.125rem;
-		outline: 0.125rem dotted @sapUiContentFocusColor;
+		outline: 0.125rem dotted var(--sapContent_FocusColor);
 	}
 
 	&.sapMObjectNumberLarge {
@@ -53,8 +54,7 @@ html.sap-desktop .sapMObjectNumberActive:focus {
 			left: 3px;
 			bottom: 3px;
 			right: 3px;
-			outline: 2px dotted @sapContent_ContrastFocusColor;
+			outline: 2px dotted var(--sapContent_ContrastFocusColor);
 		}
-
 	}
 }